﻿@media (min-width:769px){
  .MainDiv .MainHeader .Content .RightSection{ display:block !important;}
  .MainDiv .MainNavigation #NavContainer ul.main_Navigation { display:block !important;}
  .ShopProductList .shop-category-left, .ShopProductDetails .shop-category-left{ display:block !important;}
  .TwitterFeed .Body { display:block !important;}
}

@media only screen and (max-width:960px){
  .MainDiv .MainNavigation { width:100%;}
  .MainDiv .MainContent   { padding:0 10px; max-width:940px;}
  .MainDiv .MainFooter { padding:0 10px;}
  .MainDiv .MainFooter .Content .last a { margin-left:10px; }
  .MainDiv .MainNavigation #NavContainer ul.main_Navigation { display:table;}
  .MainDiv .MainNavigation #NavContainer ul.main_Navigation li { float:none; display:table-cell; vertical-align:middle;}
  .MainDiv .MainNavigation #NavContainer ul ul { display:none;}
  .MainDiv .MainNavigation #NavContainer ul ul li { float:left !important;}

  .FormBox.TooltipIcon .Tooltip {top:4px; left:240px; right:inherit;}

  .MainContent .HomePage .Column1, .MainContent .HomePage .Column3 { width:22.9%;}
  .MainContent .HomePage .Column2 { margin:0 2%;}
  .MainContent .HomePage .Column1 .SignUp, .MainContent .HomePage .Column1 .InfoBox,
  .MainContent .HomePage .Column1 .Student { display:block; width:auto; height:auto; padding:12px;}
  .MainContent .HomePage .Column3 .Workshop, .MainContent .HomePage .Column3 .TwitterFeed  { width:auto; display:block; height:auto;}
  .MainContent .HomePage .Column3 .Workshop .Header h2, .TwitterFeed .Header h2 { display:block; width:auto; height:auto;}
  .MainContent .HomePage .Column1 .SignUpEmail .EditBoxW1 { width:90%; padding:1.5% 5%;}
  .MainContent .HomePage .Column1 .SignUp .RedBtn,.MainContent .HomePage .Column1 .InfoBox .SilverBtn  { float:none; display:inline-block; width:100%; margin-bottom:0;}
  .MainContent .HomePage .Column1 .SignUp .RedBtn span.LeftEnd, 
  .MainContent .HomePage .Column1 .SignUp .RedBtn span.Centre, 
  .MainContent .HomePage .Column1 .SignUp .RedBtn span.RightEnd { display:table-cell; float:none;}
  .MainContent .HomePage .Column1 .InfoBox .SilverBtn span.LeftEnd,
  .MainContent .HomePage .Column1 .InfoBox .SilverBtn span.Centre,
  .MainContent .HomePage .Column1 .InfoBox .SilverBtn span.RightEnd { display:block; float:none; width:100%;}
  .MainContent .HomePage .Column1 .InfoBox .SilverBtn span.Centre a{ float:none; display:block; padding:8px;}
  .MainContent .HomePage .Column3 .Workshop .Content { padding:12px; height:auto;}
  .MainContent .HomePage .Column3 .Workshop .Content img { width:100% !important; height:auto !important;}
  .MainContent .HomePage .Column3 .Workshop .Content .SilverBtn { display:inline-block; float:none; position:static; width:100%; height:auto;}
  .MainContent .HomePage .Column3 .Workshop .Content .SilverBtn span.LeftEnd,
  .MainContent .HomePage .Column3 .Workshop .Content .SilverBtn span.Centre,
  .MainContent .HomePage .Column3 .Workshop .Content .SilverBtn span.RightEnd { background-size:100% 100%; display:table-cell; float:left; height:100%; width:100%; margin-top:10px;}
  .MainContent .HomePage .Column3 .Workshop .Content .SilverBtn span.Centre a { display:block; width:auto;}
  .MainContent .HomePage .Column3 .TwitterFeed .Body { width:auto;}
  .MainContent .HomePage .Column3 .TwitterFeed .Body iframe { float:left; min-width:100% !important;}
  .MainContent .HomePage .Column1 .Student .SilverBtn { float:none; display:inline-block; width:100%; margin-bottom:0;}
  .MainContent .HomePage .Column1 .Student .SilverBtn span.Centre { width:100%;}
  .MainContent .HomePage .Column1 .Student .SilverBtn span.Centre a{ width:auto;}

  .Breadcrumb { width:auto; display:block;}
  .MainDiv .MainContent .ShopProductList .Column1 { width:25%;}
  .MainDiv .MainContent .ShopProductList .Column2 { width:72%; margin:0 0 0 3%;}
  .MainDiv .MainContent .ShopProductList .Column1 .RecentlyViewed,
  .MainDiv .MainContent .ShopProductList .Column1 .RecentlyViewed .Slideshow{  width:auto; display:block;}
  .MainDiv .MainContent .ShopProductList .Column1 .RecentlyViewed .Header { margin-bottom:10px;}
  .MainDiv .MainContent .ShopProductList .Column1 .RecentlyViewed .swiper-container { height:auto;}

  .MainDiv .MainContent .ShopProductList .ListView .ListItem.CatList {display:inline-block; width:100%;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .Inner-Content,
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .Inner-Content { display:inline;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .Inner-Content .Description ,
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .Inner-Content .Description { float:left;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem { height:80px;}
  .MainDiv .MainContent .ShopProductDetails .RelatedItems .ListItem .ProductImage,
  .MainDiv .MainContent .ShopProductDetails .RelatedItems .ListItem .ProductImage img { width:80px; height:80px;}
  .ShopProductDetails .Details .MiddleSection .RightSection .RedBtn .AddedSuccess { left:0px; right:0px; margin:0 auto;}

  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductTitle, 
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductPrice { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductTitle.NoPadding {padding:10px 0px 0px 10px; height:inherit;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductTitle.NoPadding .CandCLabelTable {padding:10px 0px;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductTitle, 
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductPrice { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductPrice,
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductPrice { padding:0 0 0 10px;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .AddToBasketButton,
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .AddToBasketButton{ float:right; padding:14px 14px 10px 10px; width:auto;}

  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductTitle { height:auto;}

  .MainDiv .MainContent .ShopProductList .Column2 .GridView { float:left; width:100%;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem  { width:23.5%; margin:0 2% 0 0; margin-bottom:8px;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem .ProductImage { width:100%; height:auto; background:none;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem .ProductImage img { width:100%; height:auto;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem .ProductTitle, 
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem .ProductPrice, 
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem .AddToBasketButton, 
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem .AddToBasketButton .SilverBtn a { width:auto; background:none;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .set-margin:nth-child(4n+4) { margin-right:0px;}

  .MainDiv .MainContent .ShopProductDetails .Column2 .SlideshowParent { width:39%; height:auto;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form { width:61%; float:right;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details,
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .Header,
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .MiddleSection,
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .BottomSection { width:auto; display:block;} 
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .Header { margin-bottom:10px;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .MiddleSection .LeftSection,
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .MiddleSection .RightSection { width:100%; margin-bottom:10px;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .MiddleSection .LeftSection .RefNo { display:block; float:none; width:auto;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .MiddleSection .LeftSection .Price { width:auto;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .MiddleSection .LeftSection .SilverBtn { float:right; margin-top:0 !important;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .MiddleSection .LeftSection .CandCLabelTable {margin-bottom:10px;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .MiddleSection .RightSection .FormBox { float:none; width:auto; display:inline-block; vertical-align:top; margin-right:10px;} 
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .MiddleSection .RightSection .FormBox .FormField { float:right;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .MiddleSection .RightSection .FormBox .FormLabel { float:left; margin-right:10px;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .MiddleSection .RightSection .RedBtn { float:left; width:100%; position:relative;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .MiddleSection .RightSection .RedBtn span.Centre { width:100%;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .MiddleSection .RightSection .RedBtn span.LeftEnd { position:absolute; left:0; top:0px; background-color:#ffffff;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .MiddleSection .RightSection .RedBtn span.RightEnd { position:absolute; right:0; top:0px; background-color:#ffffff;}

  .MainDiv .MainContent .ShopProductDetails .Column2 .PanelArea { width:100%; display:inline-block;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .PanelArea .Tabs { width:100%;}

  .MainDiv .MainContent .AdhesiveList .Column1 { width:25%;}
  .MainDiv .MainContent .AdhesiveList .Column2 { width:72%; margin:0 0 0 3%;}
  .MainDiv .MainContent .AdhesiveList .Column1 .RecentlyViewed,
  .MainDiv .MainContent .AdhesiveList .Column1 .RecentlyViewed .Slideshow{  width:auto; display:block;}
  .MainDiv .MainContent .AdhesiveList .Column1 .RecentlyViewed .Header { margin-bottom:10px;}
  .MainDiv .MainContent .AdhesiveList .Column1 .RecentlyViewed .swiper-container { height:auto;}

  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .Inner-Content  { display:inline;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .Inner-Content { display:inline;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .Inner-Content .Description { float:left;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .Inner-Content .Description { float:left;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem { height:80px;}
  
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductTitle, 
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductPrice { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .ProductTitle, 
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .ProductPrice { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductPrice,
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .ProductPrice { padding:0 0 0 10px;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .AddToBasketButton,
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .AddToBasketButton{ float:right; padding:14px 14px 10px 10px; width:auto;}

  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .ProductTitle { height:auto;}

  .MainDiv .MainContent .AdhesiveList .Column2 .GridView { float:left; width:100%;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem  { width:23.5%; margin:0 2% 0 0; margin-bottom:8px; float:left;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .ProductImage { width:100%; height:auto; background:none;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .ProductImage img { width:100%; height:auto;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .ProductTitle, 
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .ProductPrice, 
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .AddToBasketButton, 
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .AddToBasketButton .SilverBtn a { width:auto; background:none;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .set-margin:nth-child(4n+4) { margin-right:0px;}

  .MainDiv .MainContent .AdhesiveGuide { width:100%;}
  .MainDiv .MainContent .AdhesiveGuide .FormColumnBlock { width:41%; margin-right:2%;}
  .MainDiv .MainContent .AdhesiveGuide .SubmitButton { margin-top:29px;}
  .MainDiv .MainContent .AdhesiveGuide .BottomFix { display:none;}
  .MainDiv .MainContent .AdhesiveGuide .FormColumnBlock .FormBox { width:auto; display:block;}
  .MainDiv .MainContent .AdhesiveGuide .FormColumnBlock .FormBox .FormField select,
  .MainDiv .MainContent .AdhesiveGuide .FormColumnBlock .FormBox .FormField input { width:100%;}

  .MainDiv .MainContent .LogInPage { width:100%;}
  .MainDiv .MainContent .LogInPage .Column1 { width:50%;}
  .MainDiv .MainContent .LogInPage .Column2 { width:50%;}
  .MainDiv .MainContent .LogInPage .Column1 .FormColumnBlock, .MainDiv .MainContent .LogInPage .Column1 .FormBox { width:auto;}
  .MainDiv .MainContent .LogInPage .Column2 .LogInPage .FormSection { width:100%;}

  .MainDiv .MainContent .MainForm { width:100%;}
  .MainDiv .MainContent .MainForm div.FormColumnBlock { width:49%; margin:0 2% 0 0;}
  .MainDiv .MainContent .MainForm div.FormColumnBlock.last-div { margin-right:0;}
  .MainDiv .MainContent .MainForm div.FormColumnBlock .FormBox { width:auto;}

  .MainDiv .MainContent .Basket .ListView .ListItem .LeftSection { width:100%;}
  .MainDiv .MainContent .Basket .ContinueShopping { margin-top:20px;}
  .MainDiv .MainContent .Basket .SortingBar .RightHeading {display:none;}

  .MainDiv .MainContent .Basket .OrderDetails { width:100%; display:inline-block;}
  .MainDiv .MainContent .Basket .OrderDetails .Segment { width:49%; margin:0 2% 0 0;}
  .MainDiv .MainContent .Basket .OrderDetails .Segment.last { margin-right:0;}

  .MainDiv .MainContent .Basket .ListView .ListItem .RightSection.Ordered {width:340px;}

  .MainDiv .MainContent .Basket .ListView .ListItem .Collect,
  .MainDiv .MainContent .Basket .ListView .ListItem .ProductPrice,
  .MainDiv .MainContent .Basket .ListView .ListItem .Qty,
  .MainDiv .MainContent .Basket .ListView .ListItem .SubTotal {padding-top:8px;}

  .MainDiv .MainContent .Basket .ListView .ListItem .LeftSection .ProductContent .RightSection .Collect {padding:5px 0 10px; margin-right:10px;}
  .MainDiv .MainContent .Basket .ListView .ListItem .LeftSection .ProductContent .RightSection .ProductPrice {width:auto; padding:5px 0 10px;}
  .MainDiv .MainContent .Basket .ListView .ListItem .LeftSection .ProductContent .RightSection .Qty {padding:5px 0 10px;}
  .MainDiv .MainContent .Basket .ListView .ListItem .LeftSection .ProductContent .RightSection .SubTotal { width:auto; margin-right:0px; padding-top:5px; padding-bottom:10px;}

  .MainDiv .MainContent .Basket .ListView .ListItem .Collect .Collection,
  .MainDiv .MainContent .Basket .ListView .ListItem .ProductPrice .Price,
  .MainDiv .MainContent .Basket .ListView .ListItem .Qty .Quantity,
  .MainDiv .MainContent .Basket .ListView .ListItem .SubTotal .Total { display:block; color:#8d8d8d; font-size:1.3em; font-family:FuturaTL-Bold; font-weight:100; min-height:25px; padding-top:0px; margin-top:0px;}

  .MainDiv .MainContent .Basket .ListView .ListItem .Collect span,
  .MainDiv .MainContent .Basket .ListView .ListItem .ProductPrice span,
  .MainDiv .MainContent .Basket .ListView .ListItem .Qty span,
  .MainDiv .MainContent .Basket .ListView .ListItem .SubTotal span {margin-top:6px; display:block;}

  .MainDiv .MainContent .Wishlist, .MainDiv .MainContent .Wishlist .ListView { width:100%; display:inline-block;}
  .MainDiv .MainContent .Wishlist .SortingBar .ListHeader.Price { margin-left:0 !important; min-width:243px; text-align:right;}
  .MainDiv .MainContent .Wishlist .SortingBar .ListHeader.Price a{ float:right;}
  .MainDiv .MainContent .Wishlist .SortingBar .PerPage .FormBox { width:auto;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent .ProductImage { max-width:60px; width:100%;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent { float:left; width:93%;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent .ProductTitle { float:left; width:auto; padding-left:10px;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent .ProductPrice { width:auto; min-width:122px; text-align:right;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent .Buttons { float:right;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent .Buttons .RemoveButton { width:auto; padding-right:0px;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent { float:right; width:88%;}

  .MainDiv .MainContent .ViewOrders .DynamicTable .t-grid  {  width:100%;}
}

@media only screen and (max-width:940px){
  .MainDiv .MainHeader .Content .LeftSection {width:370px; margin:0px auto;  float:none; min-height:auto;}
  .MainDiv .MainHeader .Content .LeftSection .Logo {margin:10px auto 0px; float:left;}
  .MainDiv .MainHeader .Content .LeftSection .Strapline {margin:45px 0px 20px 5px; float:left;}
  .MainDiv .MainHeader .Content .RightSection {width:480px; float:none; margin:0px auto;}
  .MainDiv .MainHeader .Content .RightSection .Column1 .Number {height:30px; float:none; margin:0px auto; text-align:center;}
  .MainDiv .MainFooter .Content table {display:block; width:100%; height:auto !important; margin:0px 0px;}
  .MainDiv .MainFooter .Content table tbody {display:block; width:100%; max-width:100%; height:auto !important;}
  .MainDiv .MainFooter .Content table tr {display:block; width:100%; height:auto !important; margin-bottom:0px;}
  .MainDiv .MainFooter .Content table td.NoPadding{ width:19%;}
  .MainDiv .MainFooter .Content table td {padding:0px; width:19%; height:auto !important;}
  .MainDiv .MainFooter .Content table a {margin-bottom:5px;}
  .MainDiv .MainFooter .Content table a.Google{margin-left:15px !important;}
  .MainDiv .SmallFooter .Content .LeftSection{padding:12px 0px 0px 10px;}
  .MainDiv .SmallFooter .Content .RightSection{width:auto; margin:0px auto; float:none; text-align:right; padding:12px 10px 20px 0px;}

  .MainDiv .MainFooter .Content .f-col { padding-right:1%;}
  .MainDiv .MainFooter .Content .last  { width:26%;}

  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem { width:32%; margin:0 2% 8px 0;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem:nth-child(3n+3){ margin-right:0px;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem .ProductTitle { padding-top:10px;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem .ProductTitle a { font-size:1.5em;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem:nth-child(4n+4) { margin-right:2%;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem:last-child { margin-right:0%;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .set-margin:nth-child(4n+4) { margin-right:2%;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .set-margin:nth-child(3n+3) { margin-right:0px;}

  .MainDiv .MainContent .Basket .PromotionArea, .MainDiv .MainContent .Basket .PromotionArea .FormBox{ width:auto;}

  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem { width:32%; margin:0 2% 8px 0;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem:nth-child(3n+3){ margin-right:0px;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .ProductTitle { padding-top:10px;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .ProductTitle a { font-size:1.5em;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem:nth-child(4n+4) { margin-right:2%;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem:last-child { margin-right:0%;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .set-margin:nth-child(4n+4) { margin-right:2%;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .set-margin:nth-child(3n+3) { margin-right:0px;}

  .MainDiv .MainContent .Wishlist .ListView .InnerContent { float:left; width:90%; display:inline;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent .ProductTitle { width:220px; height:auto; padding-bottom:5px;}
  .MainDiv .MainContent .Wishlist .ListView .ListItem { width:100%; display:inline-block; height:auto;}
  .MainDiv .MainContent .Wishlist .ListView .ListItem .ProductImage { width:10%; height:80px; background:none;}
  .MainDiv .MainContent .Wishlist .ListView .ListItem .ProductImage img { width:100%; height:auto;}
  .MainDiv .MainContent .Wishlist .SortingBar .ListHeader.Price { min-width:280px;}
}

@media only screen and (max-width:800px){
  .LatestProducts img{width:100%;}
  .LatestProducts .SilverBtn {float:left; width:100%; margin:0px auto;}
  .LatestProducts .SilverBtn span.Centre{width:94%;}
  .swiper-button-next1{top:98px !important;}
  .swiper-button-prev1{top:98px !important;}
  .swiper-slide .SilverBtn span.LeftEnd, .swiper-slide .SilverBtn span.RightEnd { max-width:4px; width:100%;}

  .MainDiv .MainContent .ShopProductList .ListView .ListItem { display:inline-block; width:100%; height:auto;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductImage { width:auto; height:auto;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductImage img { width:96px; height:96px;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductTitle { max-width:250px; height:auto;}

  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem { display:inline-block; width:100%; height:auto;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductImage { width:auto; height:auto;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductImage img { width:96px; height:96px;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductTitle { max-width:250px;}

  .MainDiv .MainContent .AdhesiveList .ListView .ListItem { display:inline-block; width:100%; height:auto;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductImage { width:auto; height:auto;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductImage img { width:96px; height:96px;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductTitle { max-width:250px; height:auto;}

  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem { display:inline-block; width:100%; height:auto;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .ProductImage { width:auto; height:auto;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .ProductImage img { width:96px; height:96px;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .ProductTitle { max-width:250px;}
}


@media (max-width:768px){
  .MainDiv .MainContent { padding:0 21px;} 
  .MainDiv .MainHeader .Content{ position:relative; height:60px;}
  .MainDiv .MainHeader .Content .RightSection{position:absolute; width:100%; max-width:240px; background-color:#555555; padding:30px 22px 25px  23px; z-index:9999; display:none; min-height:0; top:100%; left:0px;}
  .MainDiv .MainHeader .Content .Register-Login-Button{display:block;}
  .MainDiv .MainHeader .Content .LeftSection { width:252px;}
  .MainDiv .MainHeader .Content .LeftSection .Logo{ width:96px; margin-top:8px;}
  .MainDiv .MainHeader .Content .LeftSection .Logo img{ width:87px;}
  .MainDiv .MainHeader .Content .LeftSection .Strapline {margin:23px 0 0px 5px; float:left;}
  .MainDiv .MainHeader .Content .LeftSection .Strapline h1 { font-size:12px;}
  .MainDiv .MainHeader .Content .RightSection .Column1 { margin-bottom:11px; margin-top:4px;}
  .MainDiv .MainHeader .Content .RightSection .Column1 .Number span{ float:none; color:#ffffff;}
  .MainDiv .MainHeader .Content .RightSection .Column2{ width:100%; margin:0;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .shop-basket{ display:block;}
  .MainDiv .MainHeader .Content .RightSection .Column1 .Number { display:none;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .shop-basket .phone{ display:block;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .Returns a {color:#fff;}
  .MainContent .HomePage .Column3 .Workshop { display:none;}

  .MainDiv .MainHeader .Content .RightSection .Column2 .Register { width:100%; margin-left:0; margin-bottom:18px;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .Login  { width:100%; margin-bottom:5px;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .Register .SilverBtn { width:100%; position:relative;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .Login .SilverBtn { width:100%; position:relative;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .Register .SilverBtn span.Centre,
  .MainDiv .MainHeader .Content .RightSection .Column2 .Login .SilverBtn span.Centre{ width:100%;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .Register .SilverBtn span.Centre a,
  .MainDiv .MainHeader .Content .RightSection .Column2 .Login .SilverBtn span.Centre a { display:block; width:auto;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .Register .SilverBtn span.LeftEnd,
  .MainDiv .MainHeader .Content .RightSection .Column2 .Login .SilverBtn span.LeftEnd { position:absolute; left:0px; top:0px; background-color:#555555;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .Register .SilverBtn span.RightEnd,
  .MainDiv .MainHeader .Content .RightSection .Column2 .Login .SilverBtn span.RightEnd { position:absolute; right:0px; top:0px; background-color:#555555;}
  .MainDiv .MainHeader .Content .CategoriesButton { display:block; float:right; position:absolute; right:24px; top:14px;}
  .MainDiv .MainContent .ShopProductList .GridView .asdasd{ margin-right:0;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .shop-basket span.left,
  .MainDiv .MainHeader .Content .RightSection .Column2 .shop-basket span.right{ background-color:#555555;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .SilverBtn { width:100%; position:relative; margin-bottom:10px;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .SilverBtn span.Centre { width:100%;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .SilverBtn span.LeftEnd { position:absolute; left:0px; top:0px; background-color:#555555;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .SilverBtn span.RightEnd { position:absolute; right:0px; top:0px; background-color:#555555;}

  .MainDiv .MainNavigation { width:100%;}
  .MainDiv .MainNavigation #NavContainer .MainToggle { display:block;}
  .MainDiv .MainNavigation #NavContainer ul { display:none;}
  .MainDiv .MainNavigation #NavContainer ul li { border:0; width:100%; border-bottom:1px solid; float:left;}
  .MainDiv .MainNavigation #NavContainer ul ul { position:static; width:100%;}
  .MainDiv .MainNavigation #NavContainer ul ul li { border-color:#666666; background-color:#555555;}
  .MainDiv .MainNavigation #NavContainer ul ul li a { width:auto; display:block; color:#c4c4c4;}
  .MainDiv .MainNavigation #NavContainer ul.main_Navigation { width:100%; display:none;}
  .MainDiv .MainNavigation #NavContainer ul.main_Navigation li { float:left; width:100%;}
  .MainDiv .MainNavigation #NavContainer li.Level2Highlighted a.Level2 { background-color:#333333;}

  .FormBox.TooltipIcon .Tooltip {position:relative; top:inherit; left:inherit; width:100%; height:100%;}
  .FormBox.TooltipIcon .Tooltip .Icon {display:none;}
  .FormBox.TooltipIcon .Tooltip .Txt  {visibility:visible; position:relative; left:inherit; transform:none; width:100%; color:#333333; background-color:transparent; border-radius:0px; padding:10px 0px;}
  .FormBox.TooltipIcon .Tooltip .Txt::after {content:none;}

  .MainContent .HomePage .Column2 { margin:0; width:100%;}
  .MainContent .HomePage .Column1, .MainContent .HomePage .Column3  { width:100%;}
  .MainContent .HomePage .Column3 .TwitterFeed .Body { display:none;}
  .MainContent .HomePage  .news-sign-up form, .MainContent .HomePage .news-sign-up .CMSBox { width:31.4%; float:left; margin-right:2.9%;}
  .MainContent .HomePage .news-sign-up .CMSBox:last-child { margin-right:0%;}
  .MainContent .HomePage .Column1 .SignUp, .MainContent .HomePage .Column1 .InfoBox,
  .MainContent .HomePage .Column1 .Student { min-height:165px;}
  .MainContent .HomePage .Column1 .InfoBox .SilverBtn span.Centre { width:auto;}
  .MainContent .HomePage .Column1 .InfoBox  .SilverBtn span.LeftEnd,  .MainContent .HomePage .Column1 .InfoBox  .SilverBtn span.RightEnd { position:static;}

  .MainDiv .MainContent .ShopProductList .Column1 { width:100%;}
  .MainDiv .MainContent .ShopProductList .Column2 { width:100%; margin:0px;}
  .MainDiv .MainContent .ShopProductList .Column1 .Categories { margin-right:0;}
  .MainDiv .MainContent .ShopProductList .Categories a, .ShopProductList .Categories a.Active, 
  .MainDiv .MainContent .ShopProductList a.SubCategory { padding:10px; background-color:#e5e5e5; border-bottom:1px solid #cecece; display:block;}
  .MainDiv .MainContent .ShopProductList a.SubCategory { border-bottom:1px solid #c2c2cc; color:#5c5c5c; background-color:#cfcfd9; padding:8px; font-size:1.3em; margin-left:0;}
  .MainDiv .MainContent .ShopProductList a.SubCategory:hover { color:#5f8c1f;} 
  .MainDiv .MainContent .ShopProductList .Column1 .RecentlyViewed { display:none;}

  .MainDiv .MainContent .AdhesiveList .Column1 { width:100%;}
  .MainDiv .MainContent .AdhesiveList .Column2 { width:100%; margin:0px;}
  .MainDiv .MainContent .AdhesiveList .Column1 .Categories { margin-right:0;}
  .MainDiv .MainContent .AdhesiveList .Categories a, .AdhesiveList .Categories a.Active, 
  .MainDiv .MainContent .AdhesiveList a.SubCategory { padding:10px; background-color:#e5e5e5; border-bottom:1px solid #cecece; display:block;}
  .MainDiv .MainContent .AdhesiveList a.SubCategory { border-bottom:1px solid #c2c2cc; color:#5c5c5c; background-color:#cfcfd9; padding:8px; font-size:1.3em; margin-left:0;}
  .MainDiv .MainContent .AdhesiveList a.SubCategory:hover { color:#5f8c1f;} 
  .MainDiv .MainContent .AdhesiveList .Column1 .RecentlyViewed { display:none;}

  .MainDiv .MainContent .AdhesiveGuide { width:100%;}
  .MainDiv .MainContent .AdhesiveGuide .FormColumnBlock { width:40%; margin-right:2%;}

  .MainDiv .MainContent .LogInPage .Column1 { width:100%; margin-bottom:20px;}
  .MainDiv .MainContent .LogInPage .Column2 { width:100%;}
  .MainDiv .MainContent .LogInPage .Column1 .FormColumnBlock, .MainDiv .MainContent .LogInPage .Column1 .FormBox { float:none; display:block;}
  .MainDiv .MainContent .LogInPage .Column1 .FormBox .FormField input[type="text"],
  .MainDiv .MainContent .LogInPage .Column1 .FormBox .FormField input[type="password"]{ width:100%; box-sizing:border-box;}
  .MainDiv .MainContent .LogInPage .Column1 .RedBtn span.Centre,
  .MainDiv .MainContent .LogInPage .Column2 .SilverBtn span.Centre { width:100% !important;}
  .MainDiv .MainContent .LogInPage .Column1 .RedBtn span.LeftEnd,
  .MainDiv .MainContent .LogInPage .Column2 .SilverBtn span.LeftEnd{ left:0px; background-color:#ffffff; position:absolute;}
  .MainDiv .MainContent .LogInPage .Column1 .RedBtn span.RightEnd,
  .MainDiv .MainContent .LogInPage .Column2 .SilverBtn span.RightEnd{ right:0px; background-color:#ffffff; position:absolute;}
  .MainDiv .MainContent .LogInPage .Column1 .RedBtn,
  .MainDiv .MainContent .LogInPage .Column2 .SilverBtn{ width:100%; position:relative;}

  .MainDiv .MainContent .Basket .PromotionArea { width:100%; float:right;}
  .MainDiv .MainContent .Basket .PromotionArea .InnerContent { min-width:400px; float:right;}
  .MainDiv .MainContent .Basket .PromotionArea .FormBox,
  .MainDiv .MainContent .Basket .PromotionArea .FormField .EditBoxW1 {  width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-sizing:border-box; -ms-sizing:border-box; -o-sizing:border-box;}

  .MainDiv .MainContent .Basket .PromotionArea .SilverBtn, .MainDiv .MainContent .Basket .BasketConfirmDetail .SilverBtn, .MainDiv .MainContent .Basket .BasketConfirmDetail .RedBtn { position:relative; width:100%;}
  .MainDiv .MainContent .Basket .PromotionArea span.Centre, .MainDiv .MainContent .Basket .BasketConfirmDetail  span.Centre  { width:100% !important;}
  .MainDiv .MainContent .Basket .PromotionArea span.LeftEnd, .MainDiv .MainContent .Basket .BasketConfirmDetail  span.LeftEnd { position:absolute; left:0px; background-color:#ffffff;}
  .MainDiv .MainContent .Basket .PromotionArea span.RightEnd, .MainDiv .MainContent .Basket .BasketConfirmDetail span.RightEnd  { position:absolute; right:0px; background-color:#ffffff;}

  .MainDiv .MainContent .Basket .BasketConfirmDetail { min-width:400px; max-width:400px;}
  .MainDiv .MainContent .Basket .Lower .PriceOverview table { width:100%;}

  .MainDiv .MainContent .OrderConfirm .Lower { width:100%;}
  .MainDiv .MainContent .OrderConfirm .Button { width:100% !important;}

  .MainDiv .MainContent .Wishlist, .MainDiv .MainContent .Wishlist .ListView .ListItem { width:100%; display:inline-block; height:auto;}
  .MainDiv .MainContent .Wishlist .SortingBar { padding:0 10px;}
  .MainDiv .MainContent .Wishlist .SortingBar .ListHeader,
  .MainDiv .MainContent .Wishlist .SortingBar .PerPage { width:auto; margin-right:10px;}
  .MainDiv .MainContent .Wishlist .ListView .ListItem .ProductImage { width:100px; display:table-cell; background:none; float:none; vertical-align:top;}
  .MainDiv .MainContent .Wishlist .ListView .ListItem .ProductImage img { width:100px; height:auto;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent { width:85%; display:table-cell; float:none; vertical-align:top;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent .Buttons { width:100%; display:block;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent .Buttons .RemoveButton, 
  .MainDiv .MainContent .Wishlist .ListView .ListItem .AddToBasketButton { padding-top:5px;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent .ProductTitle { max-width:380px; width:auto;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent .ProductPrice { float:right; padding-right:10px; min-width:auto;}
  .MainDiv .MainContent .Wishlist .SortingBar .ListHeader.Price { float:right !important; width:auto; min-width:auto; margin-right:0px; margin-left:10px !important;}

  .MainDiv .MainContent .MainForm .SubmitButton{ width:100% !important;}


  .MainDiv .MainFooter .Content .f-col { width:100%; padding:0; text-align:center; margin-bottom:20px;}
  .MainDiv .MainFooter .Content .last { width:100%; padding:0; text-align:center; margin-bottom:0; display:block;}
  .MainDiv .MainFooter .Content .last a { display:inline-block !important; float:none !important; margin-left:0px; margin-right:10px;}
  .MainDiv .SmallFooter .Content .LeftSection { width:100%; text-align:center; padding-left:0px; padding-bottom:10px;}
  .MainDiv .SmallFooter .Content .RightSection { text-align:center;}

  .ShopProductList .shop-category-left, .ShopProductDetails .shop-category-left{ display:none;}
  .no-cat-button { display:none !important;}

  .MainDiv .MainFooter .Content table td { display:block; width:100%; text-align:center; padding:10px 0;}
  .MainDiv .MainFooter .Content table td.NoPadding { width:30%; float:none; text-align:center; margin-top:17px; padding:10px 0; margin:0 auto;}
  .MainDiv .MainFooter .Content table a { float:left; margin-bottom:5px;}
  .MainDiv .MainFooter .Content table td.NoPadding a { float:left !important; margin-bottom:5px; margin-left:15px;}

  .TwitterFeed .Plus_Icon_Arrow {display:block;} 
  .TwitterFeed .Plus_Icon_Arrow .plus{ display:block;}
  #tweet_expand  { display:block !important;}

  .one-768 { display:none;}
}

@media only screen and (max-width:700px){
  .MainDiv .MainHeader .Content .RightSection .Column1 .Number {height:30px; float:none; margin:0px auto; text-align:center;}
  .MainDiv .MainFooter .Content table td.NoPadding { float:none; margin:0 auto; max-width:225px; text-align:center;}
  .MainDiv .MainFooter .Content table a {float:none  !important; margin-bottom:5px;}
  .MainDiv .MainFooter .Content table a.Google{margin-left:15px !important;}
  .MainDiv .SmallFooter .Content .LeftSection{float:none; width:320px; max-width:320px; margin:0px auto; padding:20px 0px 0px 10px; width:auto;}
  .MainDiv .SmallFooter .Content .LeftSection a{font-size:1.2em; margin-right:5px;}
  .MainDiv .SmallFooter .Content .RightSection span{font-size:1.2em;}
  .MainDiv .SmallFooter .Content .RightSection{width:auto; margin:0px auto; float:none; text-align:center; padding:12px 10px 20px 0px;}
}

@media only screen and (max-width:650px) {
  .MainDiv .MainHeader .Content .RightSection .Column1 {margin:0px auto; float:none;}
  .MainDiv .MainHeader .Content .RightSection .Column2 {float:none; margin:0px auto; max-width:240px; width:100%;}
  .MainDiv .MainHeader .Content .RightSection .Column1 .Number {height:30px; float:none; margin:0px auto; text-align:center;}
  .MainDiv .MainHeader .Content .RightSection .Column1 .Number span {float:none;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .Login{float:none;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .Login .SilverBtn span.Centre a{width:auto;}
  .MainContent .HomePage .Column1 .SignUp, .MainContent .HomePage .Column1 .InfoBox, .MainContent .HomePage .Column1 .Student { min-height:auto;}
  .MainContent .HomePage .news-sign-up form, .MainContent .HomePage .news-sign-up .CMSBox { float:none; display:block; width:auto; margin-right:0;}
  .MainContent .HomePage .Column1 .SignUpEmail .EditBoxW1 { padding:0.5% 3%; width:94%;}
  .MainDiv .MainFooter { padding:0;}


  .SilverBtn {float:left; height:32px; position:relative; width:100%; margin-bottom:10px;}
  .SilverBtn span.LeftEnd {background-image:url("/Content/Images/silver_btn_left.png"); height:32px; left:-4px; position:absolute; width:4px;}
  .SilverBtn span.RightEnd {background-image:url("/Content/Images/silver_btn_right.png"); height:32px; position:absolute; right:-4px; width:4px;}
  .SilverBtn span.Centre {width:100%; margin-bottom:20px;}
  .SilverBtn span.Centre.FullWidth, .FullWidth{ width:100% !important;}

  .RedBtn {float:left; height:32px; position:relative; width:100%; margin-bottom:10px;}
  .RedBtn span.LeftEnd {background-image:url("/Content/Images/red_btn_left.png"); height:32px; left:-4px; position:absolute; width:4px;}
  .RedBtn span.RightEnd {background-image:url("/Content/Images/red_btn_right.png"); height:32px; position:absolute; right:-4px; width:4px;}
  .RedBtn span.Centre {width:100%; margin-bottom:20px;}

  .MainDiv .MainHeader .Content .RightSection .Column2 .Register{width:100%;}
  .MainDiv .MainHeader .Content .RightSection .Column2 .Register .SilverBtn span.Centre a{width:auto;}
  .Workshop .SilverBtn {width:auto;}

  .caption{width:auto; float:none;}
  .LatestProducts img{width:100%;}
  .LatestProducts .SilverBtn {float:none; width:97%; margin:0px auto;}
  .LatestProducts a.Title{width:100%; text-align:left;}
  .LatestProducts .SilverBtn span.LeftEnd {background-image:url("/Content/Images/silver_btn_left.png"); height:32px; left:-4px; top:63px; position:absolute; width:4px;}
  .LatestProducts .SilverBtn span.RightEnd {background-image:url("/Content/Images/silver_btn_right.png"); height:32px; position:absolute; right:-4px; top:63px; width:4px;}
  .LatestProducts .SilverBtn span.Centre {width:100% !important; margin-bottom:20px; text-align:center;}
  .LatestProducts .SilverBtn span.Centre a{width:auto;}
  .LatestProducts .SilverBtn:hover span.LeftEnd {background-image:url(/Content/Images/silver_btn_left_hover.png);}
  .LatestProducts .SilverBtn:hover span.Centre {background-image:url(/Content/Images/silver_btn_centre_hover.png);}
  .LatestProducts .SilverBtn:hover span.Centre input {background-image:url(/Content/Images/silver_btn_centre_hover.png);}
  .LatestProducts .SilverBtn:hover span.RightEnd {background-image:url(/Content/Images/silver_btn_right_hover.png);}
  .LatestProducts .swiper-wrapper{min-height:250px; width:100%; margin:0px auto;}
  .swiper-button-next1{top:115px !important;}
  .swiper-button-prev1{top:115px !important;}

  .MainContent .HomePage .Column1 .SignUp .RedBtn,.MainContent .HomePage .Column1 .InfoBox .SilverBtn  { float:none; display:inline-block;}
  .MainContent .HomePage .Column1 .SignUp .RedBtn span.LeftEnd { position:absolute; left:0px; top:0px; background-color:#dddddd;} 
  .MainContent .HomePage .Column1 .SignUp .RedBtn span.RightEnd { position:absolute; right:0px; top:0px; background-color:#dddddd;}
  .MainContent .HomePage .Column1 .SignUp .RedBtn span.Centre,
  .MainContent .HomePage .Column1 .InfoBox .SilverBtn span.Centre{ width:100% !important; float:left;}
  .MainContent .HomePage .Column1 .InfoBox .SilverBtn span.Centre a { float:none;}
  .MainContent .HomePage .Column1 .InfoBox .SilverBtn span.LeftEnd { left:0px; background-color:#f8931d; position:absolute;}
  .MainContent .HomePage .Column1 .InfoBox .SilverBtn span.RightEnd { right:0px; background-color:#f8931d; position:absolute;}

  .MainDiv .MainContent .ShopProductList .ListView .ListItem { min-height:100px;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductImage img { height:100px; width:100px;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductTitle { max-width:100%; width:100%;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .Inner-Content { float:left;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .Inner-Content .Description { float:none; display:block;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductTitle, .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductPrice { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductPrice { padding:2px 0 6px 10px;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .AddToBasketButton { float:none; display:block; padding:6px 14px 0 10px; width:125px;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .AddToBasketButton .SilverBtn { height:26px;} 
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .AddToBasketButton .SilverBtn span.LeftEnd,
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .AddToBasketButton .SilverBtn span.RightEnd,
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .AddToBasketButton .SilverBtn span.Centre { background-size:100% 100%; height:25px;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .AddToBasketButton .SilverBtn span.Centre a { font-size:1.2em; padding:5px 14px;}

  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem { min-height:100px;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductImage img { height:100px; width:100px;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductTitle { max-width:100%; width:100%;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .Inner-Content { float:left;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .Inner-Content .Description { float:none; display:block;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductTitle, .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductPrice { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductTitle a { font-size:1.4em;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductPrice { padding:2px 0 6px 10px;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .AddToBasketButton { float:none; display:block; padding:6px 14px 0 10px; width:125px;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .AddToBasketButton .SilverBtn { height:26px;} 
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .AddToBasketButton .SilverBtn span.LeftEnd,
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .AddToBasketButton .SilverBtn span.RightEnd,
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .AddToBasketButton .SilverBtn span.Centre { background-size:100% 100%; height:25px;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .AddToBasketButton .SilverBtn span.Centre a { font-size:1.2em; padding:5px 14px;}

  .MainDiv .MainContent .ShopProductList .ListItem .AddToBasketButton .SilverBtn span.LeftEnd,
  .MainDiv .MainContent .ShopProductList .RelatedItems .AddToBasketButton .SilverBtn span.LeftEnd { left:0px; background-color:#ffffff;}
  .MainDiv .MainContent .ShopProductList .ListItem .AddToBasketButton .SilverBtn span.RightEnd,
  .MainDiv .MainContent .ShopProductList .RelatedItems .AddToBasketButton .SilverBtn span.RightEnd { right:0px; background-color:#ffffff;}

  .MainDiv .MainContent .ShopProductList .Column2 .SortingBar { width:94%; padding:0 3%; display:inline-block; height:auto;}
  .MainDiv .MainContent .ShopProductList .Column2 .SortingBar .ListHeader { margin-right:10px;}

  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem { width:49%;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem:nth-child(3n+3){ margin-right:2%;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem:nth-child(2n+2){ margin-right:0px;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem:nth-child(4n+4) { margin-right:0px;}

  .MainDiv .MainContent .Breadcrumb { width:100%; float:left; height:auto;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .Header h2 { font-size:1.6em;}

  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem { min-height:100px;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .ProductImage img { height:auto; width:100%;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .ProductTitle { max-width:100%; width:100%; min-height:30px; height:auto;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .Inner-Content { float:left;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .Inner-Content .Description { float:none; display:block;}
  .MainDiv .MainContent .AdhesiveList .GridView .ListItem .ProductTitle, .MainDiv .MainContent .AdhesiveList .GridView .ListItem .ProductPrice { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .AdhesiveList .GridView .ListItem .ProductPrice { padding:2px 0 6px 10px;}
  .MainDiv .MainContent .AdhesiveList .GridView .ListItem .AddToBasketButton { float:none; display:block; padding:6px 14px 0 10px; width:125px;}
  .MainDiv .MainContent .AdhesiveList .GridView .ListItem .AddToBasketButton .SilverBtn { height:26px;} 
  .MainDiv .MainContent .AdhesiveList .GridView .ListItem .AddToBasketButton .SilverBtn span.LeftEnd,
  .MainDiv .MainContent .AdhesiveList .GridView .ListItem .AddToBasketButton .SilverBtn span.RightEnd,
  .MainDiv .MainContent .AdhesiveList .GridView .ListItem .AddToBasketButton .SilverBtn span.Centre { background-size:100% 100%; height:25px;}
  .MainDiv .MainContent .AdhesiveList .GridView .ListItem .AddToBasketButton .SilverBtn span.Centre a { font-size:1.2em; padding:5px 14px;}

  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem { min-height:100px;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .ProductImage img { height:100px; width:100px;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .ProductTitle { max-width:100%; width:100%;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .Inner-Content { float:left;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .Inner-Content .Description { float:none; display:block;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .ProductTitle, .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductPrice { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .ProductPrice { padding:2px 0 6px 10px;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .AddToBasketButton { float:none; display:block; padding:6px 14px 0 10px; width:125px;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .AddToBasketButton .SilverBtn { height:26px;} 
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .AddToBasketButton .SilverBtn span.LeftEnd,
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .AddToBasketButton .SilverBtn span.RightEnd,
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .AddToBasketButton .SilverBtn span.Centre { background-size:100% 100%; height:25px;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .AddToBasketButton .SilverBtn span.Centre a { font-size:1.2em; padding:5px 14px;}

  .MainDiv .MainContent .AdhesiveList .ListView .ListItem { min-height:100px;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductImage img { height:100px; width:100px;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductTitle { max-width:100%; width:100%;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .Inner-Content { float:left;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .Inner-Content .Description { float:none; display:block;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductTitle, .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductPrice { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductPrice { padding:2px 0 6px 10px;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .AddToBasketButton { float:none; display:block; padding:6px 14px 0 10px; width:125px;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .AddToBasketButton .SilverBtn { height:26px;} 
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .AddToBasketButton .SilverBtn span.LeftEnd,
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .AddToBasketButton .SilverBtn span.RightEnd,
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .AddToBasketButton .SilverBtn span.Centre { background-size:100% 100%; height:25px;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .AddToBasketButton .SilverBtn span.Centre a { font-size:1.2em; padding:5px 14px;}

  .MainDiv .MainContent .AdhesiveList .ListItem .AddToBasketButton .SilverBtn span.LeftEnd,
  .MainDiv .MainContent .AdhesiveList .RelatedItems .AddToBasketButton .SilverBtn span.LeftEnd { left:0px; background-color:#ffffff;}
  .MainDiv .MainContent .AdhesiveList .ListItem .AddToBasketButton .SilverBtn span.RightEnd,
  .MainDiv .MainContent .AdhesiveList .RelatedItems .AddToBasketButton .SilverBtn span.RightEnd { right:0px; background-color:#ffffff;}

  .MainDiv .MainContent .AdhesiveList .Column2 .SortingBar { width:94%; padding:0 3%; display:inline-block; height:auto;}
  .MainDiv .MainContent .AdhesiveList .Column2 .SortingBar .ListHeader { margin-right:10px;}
  .MainDiv .MainContent .AdhesiveList .Column2 .SortingBar .ListHeader.Price { width:auto !important; float:left !important;}

  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem { width:49%;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem:nth-child(3n+3){ margin-right:2%;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem:nth-child(2n+2){ margin-right:0px;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem:nth-child(4n+4) { margin-right:0px;}

  .MainDiv .MainContent .Breadcrumb { width:100%; float:left; height:auto;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .Header h2 { font-size:1.6em;}

  .MainDiv .MainContent .AdhesiveGuide .FormColumnBlock { width:100%; margin-right:0%;}
  .MainDiv .MainContent .AdhesiveGuide .SubmitButton { margin-top:0px;}
  .MainDiv .MainContent .AdhesiveGuide .SilverBtn span.LeftEnd { left:0px; background-color:#ffffff; z-index:2;}
  .MainDiv .MainContent .AdhesiveGuide .SilverBtn span.RightEnd { right:0px; background-color:#ffffff; z-index:2;}

  .MainDiv .MainContent div.FormColumnBlock, .MainDiv .MainContent div.FormColumnBlock .FormBox, 
  .MainDiv .MainContent div.ButtonBlock{ width:100%;}
  .MainDiv .MainContent div.FormColumnBlock .FormBox .FormField select,
  .MainDiv .MainContent div.FormColumnBlock .FormBox .FormField input[type="text"],
  .MainDiv .MainContent div.FormColumnBlock .FormBox .FormField input[type="password"],
  .MainDiv .MainContent div.FormColumnBlock .FormBox .FormField textarea{ width:100%; box-sizing:border-box;}

  .MainDiv .MainContent .MainForm { width:100%;}
  .MainDiv .MainContent .MainForm div.FormColumnBlock { width:100%; margin-right:0;}
  .MainDiv .MainContent .MainForm div.FormColumnBlock.last-div { margin-right:0;}
  .MainDiv .MainContent .MainForm .SubmitButton .RedBtn span.Centre,
  .MainDiv .MainContent .MainForm div.FormColumnBlock .SilverBtn span.Centre { width:100% !important;}
  .MainDiv .MainContent .MainForm .SubmitButton .RedBtn span.LeftEnd,
  .MainDiv .MainContent .MainForm div.FormColumnBlock .SilverBtn span.LeftEnd{ left:0px; background-color:#ffffff; z-index:2;}
  .MainDiv .MainContent .MainForm .SubmitButton .RedBtn span.RightEnd,
  .MainDiv .MainContent .MainForm div.FormColumnBlock .SilverBtn span.RightEnd{ right:0px; background-color:#ffffff; z-index:2;}

  .MainDiv .MainContent .FormAlignment div.FormColumnBlock .FormBox .SelectTwo{ width:49% !important; margin:0 2% 0 0 !important;}
  .MainDiv .MainContent .FormAlignment div.FormColumnBlock .FormBox .SelectTwo.last{ margin-right:0!important;}

  .MainDiv .MainContent .Basket .Lower { width:100%; margin-top:0;}
  .MainDiv .MainContent .Basket .Lower .PriceOverview{ padding:0 10px;}
  .MainDiv .MainContent .Basket .SilverBtn span.LeftEnd { left:0; background-color:#ffffff;}
  .MainDiv .MainContent .Basket .SilverBtn span.RightEnd { right:0; background-color:#ffffff;}
  .MainDiv .MainContent .Basket .Lower .SilverBtn span.Centre,
  .MainDiv .MainContent .Basket .Lower .RedBtn span.Centre { width:100% !important;}
  .MainDiv .MainContent .Basket .ListView .ListItem { height:auto;}
  .MainDiv .MainContent .Basket .ListView .ListItem .ProductImage { width:100px; height:100px; float:none; display:table-cell; vertical-align:top;}
  .MainDiv .MainContent .Basket .ListView .ListItem .ProductImage img { width:100%; height:auto;}
  .MainDiv .MainContent .Basket .ListView .ListItem .LeftSection .ProductContent{  float:none; display:table-cell; vertical-align:top;}
  .MainDiv .MainContent .Basket .ListView .ListItem .LeftSection .ProductContent .ProductTitle { display:inline-block; padding:8px 10px 5px 20px;}
  .MainDiv .MainContent .Basket .ListView .ListItem .LeftSection .ProductContent .ProductTitle.NoPadding {height:inherit;}
  .MainDiv .MainContent .Basket .ListView .ListItem .LeftSection .ProductContent .ProductTitle .ChkandLabelTable {padding-top:10px;}
  .MainDiv .MainContent .Basket .ListView .ListItem .LeftSection .ProductContent .RightSection { display:block; float:none; padding-left:20px; width:auto;}
  .MainDiv .MainContent .Basket .Lower .PriceOverview table { width:100%;}

  .MainDiv .MainContent .Basket .OrderDetails { width:100%; display:inline-block;}
  .MainDiv .MainContent .Basket .OrderDetails .Segment { width:100%; margin:0 0 10px 0;}
  .MainDiv .MainContent .Basket .PromotionArea .InnerContent, .MainDiv .MainContent .Basket .BasketConfirmDetail { min-width:100%; max-width:100%; width:100%;}

  .MainDiv .MainContent .Basket.OrderConfirm .ListView .ProductTitle { max-width:180px; padding-left:10px; padding-right:5px;}
  .MainDiv .MainContent .Basket.OrderConfirm .ListView .LeftSection .ProductContent { float:right; padding:0 10px;}
  .MainDiv .MainContent .Basket.OrderConfirm .ListView .LeftSection .ProductContent .RightSection .ProductPrice { min-width:50px;}

  .MainDiv .MainContent .Wishlist .ListView .InnerContent .ProductTitle { padding-top:10px;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent .ProductPrice { padding-top:10px; padding-bottom:5px;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent .ProductTitle { max-width:270px;}
  .MainDiv .MainContent .Wishlist .ListView .ListItem .ProductImage { width:15%;}

  .MainDiv .MainContent .ViewOrders .DynamicTable .t-grid table .t-grid-header .t-header{  display:block;}
  .MainDiv .MainContent .ViewOrders .DynamicTable .t-grid .t-grid-pager .t-status-text { float:left; width:100%;}
  .MainDiv .MainContent .ViewOrders .DynamicTable .t-grid table tbody { float:left; width:100%;}
}

@media only screen and (max-width:600px){
  .MainDiv .MainHeader .Content .CategoriesButton { display:block; float:right; position:absolute; right:10px; top:14px;}
  .MainDiv .MainHeader .Content .CategoriesButton a { font-size:13px;}
}

@media only screen and (max-width:560px){
  .MainDiv .MainContent .ShopProductList .Column2 .SortingBar .ListHeader.Price-Header { float:left;}
}

@media only screen and (max-width:480px) {
  .MainDiv .MainContent, .MainDiv .MainFooter .Content { padding:10px; box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;}

  .LatestProducts .SilverBtn {float:none; width:96%; margin:0px auto;}

  .MainDiv .MainHeader .Content .LeftSection { width:135px; text-align:center; float:left; margin-left:10px;}
  .MainDiv .MainHeader .Content .LeftSection .Logo { display:inline-block; float:none; width:55px;} 
  .MainDiv .MainHeader .Content .LeftSection .Logo img{ width:50px;}
  .MainDiv .MainHeader .Content .LeftSection .Strapline { margin-top:0; display:block; float:none; margin:0px;}  
  .MainDiv .MainHeader .Content .LeftSection .Strapline h1{ font-size:10px;}

  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductPrice { padding:2px 0 2px 10px;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductPrice.NoPadding {}
  .MainDiv .MainContent .ShopProductList .Column2 .SortingBar .ListHeader.Price-Header { float:left;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem { width:100%;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem:nth-child(3n+3){ margin-right:0%;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem:nth-child(2n+2){ margin-right:0%;}
  .MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem:nth-child(4n+4) { margin-right:0;}
  .MainDiv .MainContent .ShopProductList .GridView .ListItem .ProductTitle { height:auto; min-height:30px;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .SlideshowParent{ width:100%;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form { width:100%; margin-bottom:20px;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductImage,
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductImage { background:rgba(0, 0, 0, 0) none repeat scroll 0 0; display:table-cell; float:none;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .Inner-Content,
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .Inner-Content { vertical-align:top; display:table-cell; float:none;}
  .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductTitle, .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductPrice { width:auto; height:auto;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form .Details .Header { min-height:100%;}

  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductPrice { padding:2px 0 2px 10px;}
  .MainDiv .MainContent .AdhesiveList .Column2 .SortingBar .ListHeader.Price-Header { float:left;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem { width:100%;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem:nth-child(3n+3){ margin-right:0%;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem:nth-child(2n+2){ margin-right:0%;}
  .MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem:nth-child(4n+4) { margin-right:0;}
  .MainDiv .MainContent .AdhesiveList .GridView .ListItem .ProductTitle { height:auto; min-height:30px;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .SlideshowParent{ width:100%;}
  .MainDiv .MainContent .ShopProductDetails .Column2 .Cart-Form { width:100%; margin-bottom:20px;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .ProductImage,
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductImage { background:rgba(0, 0, 0, 0) none repeat scroll 0 0; display:table-cell; float:none;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .Inner-Content,
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .Inner-Content { vertical-align:top; display:table-cell; float:none;}
  .MainDiv .MainContent .AdhesiveList .RelatedItems .ListItem .ProductTitle, .MainDiv .MainContent .ShopProductList .RelatedItems .ListItem .ProductPrice { width:auto; height:auto;}

  .MainDiv .MainContent .Wishlist .SortingBar .ListHeader, .MainDiv .MainContent .Wishlist .SortingBar .PerPage { margin-right:0px;}
  .MainDiv .MainContent .Wishlist .SortingBar .ListHeader.Price { margin-left:0px !important; width:auto !important;}
  .MainDiv .MainContent .Wishlist .SortingBar .PerPage .FormBox select { margin:0 10px 0 0;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent .Buttons .RemoveButton { width:100%; padding:7px 0px 0px 0px}
  .MainDiv .MainContent .Wishlist .ListView .ListItem .AddToBasketButton { width:100%; padding:7px 0px 5px 0px}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent span.LeftEnd { left:0px; background-color:#ddd;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent span.RightEnd { right:0px; background-color:#ddd;}
  .MainDiv .MainContent .Wishlist .ListView .InnerContent .Buttons { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;   padding:0 2%;}

  .Pagination,.Pagination .TextAndButtons { width:100%; display:inline-block;}
  .Pagination .TextAndButtons .CenterSection {float:left; width:100%;}

  .MainDiv .MainContent .Basket .ListView .ListItem .ProductImage { width:60px;}
  .MainDiv .MainContent .Basket .ListView .ListItem .LeftSection .ProductContent .ProductTitle { padding:8px 10px 5px; float:none; display:block;}
  .MainDiv .MainContent .Basket .ListView .ListItem .LeftSection .ProductContent .RightSection { padding-left:10px;}
  .MainDiv .MainContent .Basket .ListView .ListItem .LeftSection .ProductContent .RightSection .EmptyBlock {display:none;}
  .MainDiv .MainContent .Wishlist .SortingBar .ListHeader a { font-size:1.3em;}
  .MainDiv .MainContent .Wishlist .SortingBar .PerPage { padding-top:7px;}

  .MainDiv .MainContent .Basket.OrderConfirm .ListView .ListItem .LeftSection .ProductTitle { width:auto; float:none; display:block; max-width:100%; padding-bottom:0px;}
  .MainDiv .MainContent .Basket.OrderConfirm .ListView .ListItem .LeftSection .ProductContent { width:auto; display:block; float:none;}
  .MainDiv .MainContent .OrderConfirm .ListView .ListItem .LeftSection .ProductContent .RightSection { padding-left:0 !important;}

  .MainDiv .MainContent .ViewOrders .DynamicTable .t-grid table tbody td { float:left; width:100%; box-sizing:border-box; padding:5px;} 
}

@media only screen and (max-width:360px){
  .LatestProducts img{width:100%;}
  .LatestProducts .SilverBtn {float:none; width:95%; margin:0px auto;}
  .LatestProducts a.Title{width:100%; text-align:left;}
  .LatestProducts .SilverBtn span.LeftEnd {background-image:url("/Content/Images/silver_btn_left.png"); height:32px; left:-4px; top:63px; position:absolute; width:4px;}
  .LatestProducts .SilverBtn span.RightEnd {background-image:url("/Content/Images/silver_btn_right.png"); height:32px; position:absolute; right:-4px; top:63px; width:4px;}
  .LatestProducts .SilverBtn span.Centre {width:100%; margin-bottom:20px; text-align:center;}
  .LatestProducts .SilverBtn span.Centre a{width:auto;}
  .LatestProducts .SilverBtn:hover span.LeftEnd {background-image:url(/Content/Images/silver_btn_left_hover.png);}
  .LatestProducts .SilverBtn:hover span.Centre {background-image:url(/Content/Images/silver_btn_centre_hover.png);}
  .LatestProducts .SilverBtn:hover span.Centre input {background-image:url(/Content/Images/silver_btn_centre_hover.png);}
  .LatestProducts .SilverBtn:hover span.RightEnd {background-image:url(/Content/Images/silver_btn_right_hover.png);}
  .swiper-button-next1{top:78px !important;}
  .swiper-button-prev1{top:78px !important;}

  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductImage { background:rgba(0, 0, 0, 0) none repeat scroll 0 0; display:table-cell; float:none;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .Inner-Content { vertical-align:top; display:table-cell; float:none;}
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductTitle,
  .MainDiv .MainContent .ShopProductList .ListView .ListItem .ProductPrice { width:auto; height:auto;}

  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductImage { background:rgba(0, 0, 0, 0) none repeat scroll 0 0; display:table-cell; float:none;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .Inner-Content { vertical-align:top; display:table-cell; float:none;}
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductTitle,
  .MainDiv .MainContent .AdhesiveList .ListView .ListItem .ProductPrice { width:auto; height:auto;}
}

@media only screen and (max-width:320px){
  .swiper-button-next1{top:150px !important;}
  .swiper-button-prev1{top:150px !important;}
}



/* p section - BEGIN */

@media only screen and (max-width:980px){
  .MainDiv .MainContent .ShopProductListA .Column1 { width:25%;}
  .MainDiv .MainContent .ShopProductListA .Column2 { width:72%; margin:0 0 0 3%;}
  .MainDiv .MainContent .ShopProductListA .Column1 .RecentlyViewed {  width:auto; display:block;}
  .MainDiv .MainContent .ShopProductListA .Column1 .RecentlyViewed .Slideshow {  width:auto; display:block;}
  .MainDiv .MainContent .ShopProductListA .Column1 .RecentlyViewed .Header { margin-bottom:10px;}
  .MainDiv .MainContent .ShopProductListA .Column1 .RecentlyViewed .swiper-container { height:auto;}

  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .Inner-Content { }
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .Inner-Content { display:inline;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .Inner-Content .Description  { float:left;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .Inner-Content .Description { float:left;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem { height:80px;}

  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductTitle { padding:10px 0 5px 10px; float:none; display:block;} 
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductPrice { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .ProductTitle { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .ProductPrice { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductPrice { padding:0 0 10px 10px;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .ProductPrice { padding:0 0 0 10px;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .AddToBasketButton { float:right; padding:14px 14px 10px 10px; width:auto;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .AddToBasketButton { float:right; padding:14px 14px 10px 10px; width:auto;}

  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .ProductTitle { height:auto;}

  .MainDiv .MainContent .ShopProductListA .Column2 .GridView { float:left; width:100%;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem  { width:23.5%; margin:0 2% 0 0; margin-bottom:8px;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem .ProductImage { width:100%; height:auto; background:none;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem .ProductImage img { width:100%; height:auto;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem .ProductTitle { width:auto; background:none;} 
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem .ProductPrice { width:auto; background:none;} 
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem .AddToBasketButton{ width:auto; background:none;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem .AddToBasketButton .SilverBtn a { width:auto; background:none;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .set-margin:nth-child(4n+4) { margin-right:0px;}


  .ShopProductListA .Column1 {width:25%;}

}

@media only screen and (max-width:940px){
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem { width:32%; margin:0 2% 8px 0;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem:nth-child(3n+3){ margin-right:0px;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem .ProductTitle { padding-top:10px;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem .ProductTitle a { font-size:1.5em;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem:nth-child(4n+4) { margin-right:2%;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem:last-child { margin-right:0%;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .set-margin:nth-child(4n+4) { margin-right:2%;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .set-margin:nth-child(3n+3) { margin-right:0px;}
  #AutocompleteResults {top:136px}
}

@media only screen and (max-width:800px){
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem { display:inline-block; width:100%; height:auto;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductImage { width:auto; height:auto;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductImage img { width:96px; height:96px;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductTitle { max-width:250px; height:auto;}

  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem { display:inline-block; width:100%; height:auto;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .ProductImage { width:auto; height:auto;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .ProductImage img { width:96px; height:96px;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .ProductTitle { max-width:250px;}
}

@media only screen and (max-width:768px){
  .MainDiv .MainContent .ShopProductListA .Column1 { width:100%;}

  .MainDiv .MainContent .ShopProductListA .GridView .asdasd{ margin-right:0;}

  .MainDiv .MainContent .ShopProductListA .Column1 { width:100%;}
  .MainDiv .MainContent .ShopProductListA .Column2 { width:100%; margin:0px;}
  .MainDiv .MainContent .ShopProductListA .Column1 .Categories { margin-right:0;}
  .MainDiv .MainContent .ShopProductListA .Categories a { padding:10px; background-color:#e5e5e5; border-bottom:1px solid #cecece; display:block;}
  .MainDiv .MainContent .ShopProductListA .Categories a.Active { padding:10px; background-color:#e5e5e5; border-bottom:1px solid #cecece; display:block;} 
  .MainDiv .MainContent .ShopProductListA a.SubCategory { padding:10px; background-color:#e5e5e5; border-bottom:1px solid #cecece; display:block;}
  .MainDiv .MainContent .ShopProductListA a.SubCategory { border-bottom:1px solid #c2c2cc; color:#5c5c5c; background-color:#cfcfd9; padding:8px; font-size:1.3em; margin-left:0;}
  .MainDiv .MainContent .ShopProductListA a.SubCategory:hover { color:#5f8c1f;} 
  .MainDiv .MainContent .ShopProductListA .Column1 .RecentlyViewed { display:none;}
  .ShopProductListA .shop-category-left { display:none;}
  #AutocompleteResults  {top:80px}

  .ShopProductListA .CategoriesV2 * a {display:block; padding:10px; background-color:#e5e5e5; border-bottom:solid 1px #cecece;}
  .ShopProductListA .CategoriesV2 ul li {margin-top:0px; margin-bottom:0px;}
  .ShopProductListA .CategoriesV2 ul li ul {margin-left:0px;}
  .ShopProductListA .CategoriesV2 ul li ul li a {color:#555; border-bottom: 1px solid #c2c2cc; background-color:#cfcfd9; padding-left:25px;}
  .ShopProductListA .CategoriesV2 ul li ul li ul li a {color:#555; border-bottom: 1px solid #c2c2cc; background-color:#cfcfd9; padding-left:40px;}
  .ShopProductListA .CategoriesV2 ul li ul li ul li ul li a {color:#555; border-bottom: 1px solid #c2c2cc; background-color:#cfcfd9; padding-left:55px;}

  
}


@media (max-width:650px){
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem { min-height:100px;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductImage img { height:100px; width:100px;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductTitle {}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .Inner-Content { float:left;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .Inner-Content .Description { float:none; display:block;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductTitle { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductPrice { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductPrice { padding:2px 0 6px 10px;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .AddToBasketButton { float:none; display:block; padding:6px 14px 0 10px; width:125px;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .AddToBasketButton .SilverBtn { height:26px;} 
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .AddToBasketButton .SilverBtn span.LeftEnd  { background-size:100% 100%; height:25px;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .AddToBasketButton .SilverBtn span.RightEnd  { background-size:100% 100%; height:25px;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .AddToBasketButton .SilverBtn span.Centre { background-size:100% 100%; height:25px;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .AddToBasketButton .SilverBtn span.Centre a { font-size:1.2em; padding:5px 14px;}

  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem { min-height:100px;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .ProductImage img { height:100px; width:100px;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .ProductTitle { max-width:100%; width:100%;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .Inner-Content { float:left;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .Inner-Content .Description { float:none; display:block;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .ProductTitle { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductPrice { padding:10px 0 5px 10px; float:none; display:block;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .ProductPrice { padding:2px 0 6px 10px;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .AddToBasketButton { float:none; display:block; padding:6px 14px 0 10px; width:125px;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .AddToBasketButton .SilverBtn { height:26px;} 
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .AddToBasketButton .SilverBtn span.LeftEnd { background-size:100% 100%; height:25px;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .AddToBasketButton .SilverBtn span.RightEnd { background-size:100% 100%; height:25px;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .AddToBasketButton .SilverBtn span.Centre { background-size:100% 100%; height:25px;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .AddToBasketButton .SilverBtn span.Centre a { font-size:1.2em; padding:5px 14px;}

  .MainDiv .MainContent .ShopProductListA .ListItem .AddToBasketButton .SilverBtn span.LeftEnd { left:0px; background-color:#ffffff;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .AddToBasketButton .SilverBtn span.LeftEnd { left:0px; background-color:#ffffff;}
  .MainDiv .MainContent .ShopProductListA .ListItem .AddToBasketButton .SilverBtn span.RightEnd { right:0px; background-color:#ffffff;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .AddToBasketButton .SilverBtn span.RightEnd { right:0px; background-color:#ffffff;}

  .MainDiv .MainContent .ShopProductListA .Column2 .SortingBar { width:94%; padding:0 3%; display:inline-block; height:auto;}
  .MainDiv .MainContent .ShopProductListA .Column2 .SortingBar .ListHeader { margin-right:10px;}

  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem { width:49%;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem:nth-child(3n+3){ margin-right:2%;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem:nth-child(2n+2){ margin-right:0px;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem:nth-child(4n+4) { margin-right:0px;}
  #AutocompleteResults  {top:72px}
}


@media only screen and (max-width:560px){
  .MainDiv .MainContent .ShopProductListA .Column2 .SortingBar .ListHeader.PriceHeader { float:left;}
}


@media only screen and (max-width:480px) {
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductPrice { padding:2px 0 2px 10px;}
  .MainDiv .MainContent .ShopProductListA .Column2 .SortingBar .ListHeader.PriceHeader { float:left;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem { width:100%;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem:nth-child(3n+3){ margin-right:0%;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem:nth-child(2n+2){ margin-right:0%;}
  .MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem:nth-child(4n+4) { margin-right:0;}
  .MainDiv .MainContent .ShopProductListA .GridView .ListItem .ProductTitle { height:auto; min-height:30px;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .ProductImage { background:rgba(0, 0, 0, 0) none repeat scroll 0 0; display:table-cell; float:none;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductImage { background:rgba(0, 0, 0, 0) none repeat scroll 0 0; display:table-cell; float:none;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .Inner-Content { vertical-align:top; display:table-cell; float:none;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .Inner-Content { vertical-align:top; display:table-cell; float:none;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .ProductTitle { width:auto; height:auto;}
  .MainDiv .MainContent .ShopProductListA .RelatedItems .ListItem .ProductPrice { width:auto; height:auto;}

  .PaginationA .TextAndButtons .CenterSection {clear:both;}
}

@media only screen and (max-width:360px) {
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductImage { background:rgba(0, 0, 0, 0) none repeat scroll 0 0; display:table-cell; float:none;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .Inner-Content { vertical-align:top; display:table-cell; float:none;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductTitle{ width:auto; height:auto;}
  .MainDiv .MainContent .ShopProductListA .ListView .ListItem .ProductPrice { width:auto; height:auto;}
}


/* p section - END */


/* Cookies */
@media only screen and (max-width:480px) {
  .CookieBanner                                           {padding:15px 10px;}
  .CookieBanner .CBTable .CBCell                          {display:block;}
  .CookieBanner .CBTable .CBCell.Btn                      {width:100%;}
  .CookieBanner .CBNoticeTable                            {margin-bottom:15px;}
  .CookieBanner .CBNoticeTable .NoticeCell                {vertical-align:top;}
  .CookieBanner .CBNoticeTable .NoticeCell.CB             {padding-top:3px;}
}



/* Gift Cards */
@media (max-width:650px){
  .BtnGiftCards {float:none; margin-right:0px;}
}



/* Bespoke Tree */
@media only screen and (max-width:650px){
  .TopLayout_BespokeTree                                              {display:block;}
  .TopLayout_BespokeTree .Left                                        {width:100%;}
  .TopLayout_BespokeTree .Details                                     {padding-left:0px;}
  .TopLayout_BespokeTree .SlideshowParent                             {width:100% !important;}
  .TopLayout_BespokeTree .SlideshowParent .swiper-wrapper             {width:100%;}
  .TopLayout_BespokeTree .SlideshowParent .swiper-slide               {margin-right:0px !important;}
  .Cart-Form.BespokeTreeCart .ProgressIcon                            {left:50.5%;}
  .Cart-Form.BespokeTreeCart .RedBtn .AddedSuccess                    {width:184px; left:50%; transform:translateX(-50%);}
  .Cart-Form.BespokeTreeCart .RedBtn .AddedSuccessTop                 {width:184px;}
  .Cart-Form.BespokeTreeCart .RedBtn .AddedSuccessBottom              {width:160px;}
}




/* Datepicker */
@media only screen and (max-width:768px){
  .ui-datepicker-trigger                                              {display:block; margin:10px 0px 10px 0px;}
}