@media only screen and (max-width:1240px){
  .CookieBanner {padding-left:25px; padding-right:25px;}
}

@media only screen and (max-width:1024px){
   body {background:#fff !important;}
  .MainInner {margin-top:0px; margin-bottom:0px;}  
  .MainLeft .Block .Title, .MainRight .Block .Title {font-size:20px; height:30px;}
  .TheCategoryPanel .Title {font-size:16px !important}
  .TheRefinePanel .RefineBySubTitle {font-size:16px;}
  .TheSelectionsPanel .Title .ClearButton {margin-top:6px;}
  .TheRefinePanel .Title .ClearButton {margin-top:6px;}
  .MainFooter {background-color:#fff;}
  .MainFooter .Copy {padding-left:15px; width:auto;}
  .MainFooter .Version {padding-right:15px; width:auto;}
  .MainInner .MainRight {display:none;}
  .MainInner .MainCenter {margin-right:0px !important;}

  .EditBox {height:20px;}
  .DropDown {height:23px;}

  .BtnGreen {font-size:17px;}
  .BtnRed {font-size:17px;}
  .BtnGrey {font-size:17px;}

  .Pagination {font-size:14px;}

  .MainHeader {position:relative; top:-1px;}
  .MainHeader {left:0px !important; right:0px !important; margin-top:-13px;}
  .MainHeader .BtnBasket {display:block; background-size:cover;}
  .MainHeader .BtnLogin {display:block; background-size:cover;}
  .MainHeader .BlockLogin {border-bottom:5px solid #ed1b2e; display:none; z-index:1050; position:absolute; right:25px; top:76px; width:auto; z-index:1020; background:#e5e5e5; padding:0px 25px 15px 25px; text-align:left;}
  .MainHeader .BlockSearch {margin-right:130px;}
  .MainHeader .LoginForm .Inner {height:auto;}
  .MainHeader .LoginForm .Inner .LoginOrderOrCreate {float:none; clear:both;}
  .MainHeader .BlockLogin .BlockLoginWhiteArrow {display:block;}
  .MainHeader .BlockLogin .Exit {display:block;}
  .TopSocialButtons {float:left; padding-bottom:5px;}
}
@media only screen and (max-width:800px){
  .MainInner .MainLeft {display:none;}
  .MainInner .MainCenter {margin-left:0px !important;}

  .MainHeader .LoginForm .Inner .LoginRegBtns {float:none; margin:0px auto;}
  .MainHeader .LoginForm .Inner .LoginRegBtns a {margin:0px 5px;}

  .MainHeader .Inner .CheckoutBtns  {display:block;}
  .MainHeader .Inner .CheckoutBtns .GuestBtn  {display:inline-block;}
  .MainHeader .Inner .CheckoutBtns .CheckoutBtn {display:inline-block; text-align:left;}

  .MainHeader .BtnSearchCategory {display:block; background-size:cover;}
  .MainHeader .BtnMenu {display:block; background-size:cover;}
  .MainHeader .BlockSearch {margin-left:119px; margin-right:240px;}
  .MainHeader .BlockLogo {width:105px; margin-top:12px;}
  .MainHeader .BlockLogo .Logo {width:105px; height:26px;}
  .MainHeader .MainFullMenu {border-bottom:5px solid #ed1b2e; display:none; background:#e5e5e5; position:absolute; left:0px; right:0px; z-index:1020; text-align:left; padding:0px 25px 0px 25px;      top:72px;}
  .MainHeader .SlideBarHeader {background:url(/Images/WhiteBulletHorizontal.png) #e5e5e5; background-repeat:repeat-x; margin:10px auto 8px auto;}
  .MainHeader .LineSpacer4 {display:none;}
  .MainHeader .BlockLogin {top:71px; left:0px; right:0px; border-left:none; border-right:none;}
  .MainHeader .BlockLogin .BlockLoginWhiteArrow {margin-right:185px; margin-bottom:15px;}
  .MainHeader .BlockLogin .Exit {left:auto; right:26px;}
  .MainHeader .LoginForm .Inner .NewLoginButton {float:none;}
  .MainHeader .MainFullMenu .MenuWhiteArrow {display:block;}
  .MainHeader .MainFullMenu .Exit {display:block;}
  .TopSocialButtons {float:none; padding-top:6px;}

  .BtnGreen.StockLink {max-width:100%;}
}

@media only screen and (max-width:600px){
 .MainDiv .AdvancedSearch {position:absolute;}  
 .MainHeader {position:relative; top:-1px;} /* top:-1 to cover google ad image */
 .MainInner {margin-top:-14px;}  
}

@media only screen and (max-width:640px){
  .MainHeader .BlockSearch {display:inline-block; width:100%; margin-top:15px; margin-left:0px; margin-right:0px;}
}

@media only screen and (max-width:480px){
  .MainInner {padding:15px;}
  .MainFooter {min-width:300px;}

  .MainHeader .Inner .CheckoutBtns .GuestBtn  {display:block; margin-bottom:10px;}
  .MainHeader .Inner .CheckoutBtns .GuestBtn a  {width:100%;}
  .MainHeader .Inner .CheckoutBtns .CheckoutBtn {display:block;}
  .MainHeader .Inner .CheckoutBtns .CheckoutBtn a {width:100%; margin-left:0px;}

  .MainHeader {padding: 15px 15px 10px 15px;}
  .MainHeader .BlockLogo {width:90px; margin-top:9px;}
  .MainHeader .BlockLogo .Logo {width:90px;}
  .MainHeader .BtnLogin {width:40px; height:38px; background-size:cover;}
  .MainHeader .BtnLogin:hover {width:40px; height:38px; background-size:cover;}
  .MainHeader .BtnSearchCategory {margin-left:5px; width:40px; height:38px; background-size:cover;}
  .MainHeader .BtnSearchCategory:hover {margin-left:5px; width:40px; height:38px; background-size:cover;}
  .MainHeader .BtnBasket {height:38px;}
  .MainHeader .BtnBasket .IconNormal {margin-left:5px;}
  .MainHeader .BtnBasket .NumberOf {top:-3px;}

  .MainHeader .BtnMenu {margin-left:5px; width:40px; height:38px; background-size:cover;}
  .MainHeader .BtnMenu:hover {margin-left:5px; width:40px; height:38px; background-size:cover;}
  .MainHeader .BlockSearch {margin-top:15px;}
  .MainHeader .MainFullMenu {border-bottom:3px solid #ed1b2e; padding:0px 15px 0px 15px; top:65px;}
  .MainHeader .BlockLogin {border-bottom:3px solid #ed1b2e; padding:0px 15px 0px 15px; top:65px;}
  .MainHeader .BlockLogin .BlockLoginWhiteArrow {margin-right:135px; margin-bottom:5px;}
  .MainHeader .BlockLogin .Exit {background-size:cover; width:20px; height:19px; right:15px;}
  .MainHeader .MainFullMenu .MenuWhiteArrow {margin-right:0px; margin-bottom:0px;}
  .MainHeader .MainFullMenu .Exit {background-size:cover; width:20px; height:19px; right:5px;}
  .TopSocialButtons {padding-bottom:20px;}
}
  
/* First Navigation */
@media only screen and (max-width:1200px){
  .MainHeader .MainFirstMenu td {font-size:14px;}
}
@media only screen and (max-width:1024px){
  .MainHeader .MainFirstMenu td {font-size:18px;}
}
@media only screen and (max-width:800px){
  .MainHeader .MainFullMenu {top:80px;}
  .MainHeader .MainFirstMenu {display:block;}
  .MainHeader .MainFirstMenu td.RootMenu {text-align:left;}
  .MainHeader .MainFirstMenu td.RootMenu span {font-size:19px;}
  .MainHeader .MainFirstMenu td.RootMenu a {font-size:19px;}
  .MainHeader .MainFirstMenu td.RootMenu .Inner .Item {margin-left:15px;}
  .MainHeader .MainFirstMenu td.RootMenu .Inner .Item a {font-size:16px;}
  .MainHeader .MainFirstMenu td {display:block; float:left; width:100%; text-align:left; line-height:28px;}
  .MainHeader .MainFirstMenu td.SearchByCategory {display:none;}
  .MainHeader .MainFirstMenu td.YourBasketItems {display:none;}
  .MainHeader .MainFirstMenu {margin-bottom:20px; margin-top:15px;}
}
@media only screen and (max-width:800px){
  .MainHeader .MainFullMenu {top:71px}
}
@media only screen and (max-width:480px){  
  .MainHeader .Exit {background-size:cover; width:20px; height:19px; right:15px;}
}

/* Basket */
@media only screen and (max-width:1024px){
  .SearchByCategoryP .CategoryOpenWhiteArrow {margin-left:95px;}
  .SearchByCategoryP .HeaderCategoryPanel .Title {font-size:20px !important;}
  .SearchByCategoryP .HeaderCategoryPanel .Inner .Item {font-size:16px;}
  .SearchByCategoryP .HeaderCategoryPanel .InnerTop .Item .Name {font-size:16px;}
  .SearchByCategoryP .HeaderCategoryPanel .Inner .Item .Name {line-height:30px;}

  .BaskItemContainer {display:none !important;}
}
@media only screen and (max-width:768px){
  .SearchByCategoryP {top:72px;}
  .SearchByCategoryP .CategoryOpenWhiteArrow {float:right; margin-left:inherit; margin-right:150px;}
  .SearchByCategoryP .HeaderCategoryPanel {padding:25px;}
  .SearchByCategoryP .HeaderCategoryPanel .ItemListColumn {width:47%; margin-bottom:20px;}
  .SearchByCategoryP .HeaderCategoryPanel .Inner .Item {font-size:14px;}
  .SearchByCategoryP .HeaderCategoryPanel .Inner .Item .Name {line-height:24px;}
  
  .SearchByCategoryP .HeaderCategoryPanel .InnerTop {width:100.2%;}
  .SearchByCategoryP .HeaderCategoryPanel .InnerTop .Item {width:49.5% !important;}
  .SearchByCategoryP .HeaderCategoryPanel .InnerTop .Item .Name {font-size:14px; line-height:24px;}
} 
@media only screen and (max-width:480px){
  .SearchByCategoryP {border-bottom:3px solid #ed1b2e; top:65px;}
  .SearchByCategoryP .CategoryOpenWhiteArrow {margin-bottom:0px; margin-right:105px;}
  .SearchByCategoryP .HeaderCategoryPanel {padding:15px 15px 20px 15px;}
  .SearchByCategoryP .HeaderCategoryPanel .Title {margin-bottom:10px;}
  .SearchByCategoryP .HeaderCategoryPanel .ItemListColumn {width:100%; margin-bottom:0px; margin-top:0px;}
  .SearchByCategoryP .HeaderCategoryPanel .Inner .Item .Name {line-height:20px;}
  .SearchByCategoryP .Exit {background-size:cover; width:20px; height:19px; right:15px;}

  .SearchByCategoryP .HeaderCategoryPanel .InnerTop .Item {width:99% !important;}
  .SearchByCategoryP .HeaderCategoryPanel .InnerTop .Item .Name {line-height:20px;}
} 

/* Search bar */
@media only screen and (max-width:480px){
  .SearchBar .GoButton {font-size:22px;}

  .SearchBar .GoButton {width:50px; height:38px; line-height:36px;}
  .SearchBar .SearchTable .Close2 {width:50px;}
  .SearchBar .SearchTable .Col1 {height:38px;}
  .SearchBar .SearchTable .Col1 .LeftEnd {height:38px; background-image: url(/Images/InputSearchLeftSideSmall.png);}
  .SearchBar .SearchTable .Col1 .EditBox {height:38px; font-size:22px; line-height:36px; background-image: url(/Images/InputSearchBGSmall.png);}
} 

/* Advanced search */
@media only screen and (max-width:1024px){
  .MainDiv .AdvancedSearch {position:absolute;}
  .MainDiv .AdvancedSearch th {font-size:20px;}
  .BasketInTheSearchBar {left:0px; right:0px; width:100%; top:71px; border-radius:0px; border-left:none;}
  .BasketInTheSearchBar .AjaxUpdateable strong {font-size:20px;}
  .MainHeader .LoginForm .Logged {text-align:left; margin-top:25px;}
  .MainHeader .LoginForm .Logged .WelcomeMessage {line-height:normal; height:inherit;}
}
@media only screen and (max-width:768px){
  .MainDiv .AdvancedSearch .PublicFormTable {float:none; width:100%;}
  .MainDiv .AdvancedSearch .PublicFormTableMiddle {float:none; width:100%; height:20px;}
  .BasketInTheSearchBar .BasketWhiteArrow {margin-right:90px;}
}
@media only screen and (max-width:750px){
  .SearchBar .ReceiveOurNewsletter {display:none;}
  .SearchBar .AdvancedSearchLink {display:none;}
}
@media only screen and (max-width:480px){
  .MainDiv .AdvancedSearch {display:none;}
  .BasketInTheSearchBar {top:69px;}
  .BasketInTheSearchBar .BasketWhiteArrow {margin-bottom:0px; margin-right:60px;}
  .BasketInTheSearchBar #BasketSummary .Inner {padding:15px;}
  #BasketSummary .Inner .BtnEditBasket {float:none; display:block; width:auto; margin:0px 0px 10px 0px;}
  #BasketSummary .Inner .BtnCheckout {float:none; display:block; width:auto;}
  #BasketSummary .Inner .Currency {margin-bottom:20px;}
  .MainHeader .LoginForm .Logged {margin-top:15px;}
}

/* Slide Show Banner */
@media only screen and (max-width:768px){
  .SlideShow {display:none;}
  .Marquee {display:none;}
}

/* First Table Content */
@media only screen and (max-width:1024px){
  .HomeTableContent .RightSection .BookTitle a {font-size:15px;}
  .HomeTableContent .RightSection .BookType {font-size:15px;}
  .HomeTableContent .Price .ListPrice {font-size:15px;}
  .HomeTableContent .Price .OnlinePrice {font-size:15px;}
  .HomeTableContent .Price .Saving {font-size:15px;}
}
@media only screen and (max-width:990px){ /* because white space may appear below advert if next to item with 3 lines of title */
  .HomeTableContent .ItemAddOneColumn img {margin-top:10px;}
  .HomeTableContent .ItemAddTwoColumn img {margin-top:10px;}
  .HomeTableContent .ItemAddThreeColumn img {margin-top:10px;}
  .HomeTableContent .ItemAddFourColumn img {margin-top:10px;}
}

@media only screen and (max-width:930px){
  .MainTitleHomePage .MainTitleHomePageRight {display:none;}
  .HomeTableContentBig {display:none;}
  .HomeTableContentSmall {display:table}
  .HomeTableContent .CellItem {display:inline-block; width:49.5%; min-height:250px;}
  .HomeTableContent .RightSection .BookTitle a {font-size:16px;}
  .HomeTableContent .RightSection .BookType {font-size:16px;}
  .HomeTableContent .Price .ListPrice {font-size:18px;}
  .HomeTableContent .Price .OnlinePrice {font-size:18px;}
  .HomeTableContent .Price .Saving {font-size:18px;}  
  .HomeTableContent .ItemAddOneColumn {display:none;}
  .HomeTableContent .ItemAddTwoColumn {display:none;}
  .HomeTableContent .ItemAddThreeColumn {display:none;}
  .HomeTableContent .ItemAddFourColumn {display:none;}
}

@media only screen and (max-width:840px){
  .HomeTableContent .CellItem {min-height:240px;}
}

@media only screen and (max-width:780px){
  .HomeTableContent .CellItem {min-height:230px;}
}

@media only screen and (max-width:600px){
  .HomeTableContent .RightSection .BookTitle a {font-size:15px;}
  .HomeTableContent .RightSection .BookType {font-size:15px;}
  .HomeTableContent .Price .ListPrice {font-size:16px;}
  .HomeTableContent .Price .OnlinePrice {font-size:16px;}
  .HomeTableContent .Price .Saving {font-size:16px;}
}

@media only screen and (max-width:500px){
  .HomeTableContent .CellItem {display:block; width:100%; height:auto;}
  .HomeTableContent .CellItemBorderRightAndBottom {background:url(/Images/HomeBottom.png) bottom right;}
  .HomeTableContent .CellItemBorderBottom {background:url(/Images/HomeBottom.png) bottom right;}
  .HomeTableContent .CellItem .BorderBottom {display:block;}
}

/* Edit Content Home page */
@media only screen and (max-width:1024px){
  .EditContentHomePageNew .EditItem1  {padding:15px;}
  .EditContentHomePageNew .EditItem2  {padding:15px;}
  .EditContentHomePageNew .EditItem3  {padding:15px;}
  .EditContentHomePageNew .EditItem4  {padding:15px;}
  .EditContentHomePageNew .EditItem5  {padding:15px;}
  .EditContentHomePageNew .EditItem6  {padding:15px;}
  .EditContentHomePageNew .EditItem7  {padding:15px;}
  .EditContentHomePageNew .EditItem8  {padding:15px;}
  .EditContentHomePageNew .EditItem9  {padding:15px;}
  .EditContentHomePageNew .EditItem10 {padding:15px;}
  .EditContentHomePageNew .EditItem11 {padding:15px;}
  .EditContentHomePageNew .EditItem12 {padding:15px;}
}
@media only screen and (max-width:768px){
  .EditContentHomePageNew {font-family:Gill Sans MT, Arial, Helvetica, sans-serif; display:block; width:100%;}

  .EditContentHomePageNew .EditRow1 {display:none;}
  .EditContentHomePageNew .EditRow2 {display:block; float:none; clear:both;}
  .EditContentHomePageNew .EditRow3 {display:none;}
  .EditContentHomePageNew .EditRow4 {display:block; float:none; clear:both;}
  .EditContentHomePageNew .EditRow5 {display:none;}
  .EditContentHomePageNew .EditRow6 {display:block; float:none; clear:both;}

  .EditContentHomePageNew .EditColumn1 {float:left; display:block; width:50%;}
  .EditContentHomePageNew .EditColumn2 {float:left; display:block; width:50%;}
  .EditContentHomePageNew .EditColumn3 {float:left; display:block; width:50%;}
  .EditContentHomePageNew .EditColumn4 {float:left; display:block; width:50%;}
  .EditContentHomePageNew .EditColumn5 {float:left; display:block; width:50%;}
  .EditContentHomePageNew .EditColumn6 {float:left; display:block; width:50%;}
  
  .EditContentHomePageNew .EditItem4  {background:url(/Images/EditItemBottom.png) no-repeat bottom right;}
  .EditContentHomePageNew .EditItem6  {background:url(/Images/EditItemRightBottom.png) no-repeat bottom right;}
  .EditContentHomePageNew .EditItem8  {background:url(/Images/EditItemBottom.png) no-repeat bottom right;} 
}
@media only screen and (max-width:480px){
  .EditContentHomePageNew .EditRow1 {display:block; float:none; clear:both;}
  .EditContentHomePageNew .EditRow3 {display:block; float:none; clear:both;}
  .EditContentHomePageNew .EditRow5 {display:block; float:none; clear:both;}
  
  .EditContentHomePageNew .EditColumn1 {float:none; width:100%;}
  .EditContentHomePageNew .EditColumn2 {float:none; width:100%;}
  .EditContentHomePageNew .EditColumn3 {float:none; width:100%;}
  .EditContentHomePageNew .EditColumn4 {float:none; width:100%;}
  .EditContentHomePageNew .EditColumn5 {float:none; width:100%;}
  .EditContentHomePageNew .EditColumn6 {float:none; width:100%;}
  
  .EditContentHomePageNew .EditItem2  {background:url(/Images/EditItemBottom.png) no-repeat bottom right;}
  .EditContentHomePageNew .EditItem6  {background:url(/Images/EditItemBottom.png) no-repeat bottom right;}
  .EditContentHomePageNew .EditItem10 {background:url(/Images/EditItemBottom.png) no-repeat bottom right;}
}

/* Content Bottom */
@media only screen and (max-width:1024px){
  .MainBottom .Title {font-size:20px;}
  .MainBottom .ItemTitle {font-size:14px;}
  .MainBottom .Date {font-size:12px; margin-bottom:0px;}
  .MainBottom .MoreInfo {font-size:14px;}
  .MainBottom p {font-size:12px;}
}
@media only screen and (max-width:768px){
  .MainBottom .BlockBlog {width:100%; float:none; margin-bottom:35px;}
  .MainBottom .BlockBlog .SlideBar {background:url(/Images/IconSlideBar.png); height:5px;}
  .MainBottom .BlockBlog .Inner {padding:5px 0px 5px 0px;}
  .MainBottom .BlockNews {width:50%;}
  .MainBottom .BlockNews .SlideBar {background-image:url(/Images/SlideBarBlog.png); }
  .MainBottom .BlockTwitter {width:50%;}
  .MainBottom .BlockTwitter .SlideBar {background-image:url(/Images/SlideBarTwitter.png);}
  .MainBottom .RSS {padding-right:0px;}
}
@media only screen and (max-width:480px){
  .MainBottom .BlockBlog .Title {background-image:none; padding:0px 50px 3px 0px;}
  .MainBottom .BlockNews .Title {background-image:none; padding:0px 50px 3px 0px;}
  .MainBottom .BlockTwitter .Title {background-image:none; padding:0px 50px 3px 0px;}
  .MainBottom .BlockNews {width:100%; float:none; margin-bottom:35px;}
  .MainBottom .BlockNews .SlideBar {background:url(/Images/IconSlideBar.png); height:5px;}
  .MainBottom .BlockNews .Inner {padding:5px 0px 5px 0px;}
  .MainBottom .BlockTwitter {width:100%; float:none;}
  .MainBottom .BlockTwitter .SlideBar {background:url(/Images/IconSlideBar.png); height:5px;}
  .MainBottom .BlockTwitter .BtnMobile {display:block;}
  .MainBottom .BlockTwitter .TwitterParent {display:none;}  
}

/* Large Footer */
@media only screen and (max-width:1024px){
  .LargeFooter h2 {font-size:20px; margin-top:10px;}
}
@media only screen and (max-width:768px){
  .LargeFooter .FooterTable .Content1 {width:47%; padding-right:2%; margin-right:5%; min-height:inherit;}
  .LargeFooter .FooterTable .Content2 {width:46%; padding-right:0%; margin-right:0%; background:none; min-height:inherit;}
  .LargeFooter .FooterTable .Content3 {width:47%; padding-right:2%; margin-right:5%; min-height:inherit;}
  .LargeFooter .FooterTable .Content4 {width:46%; padding-right:0%; margin-right:0%; background:none; min-height:inherit;}
  .LargeFooter .FooterTable .Spacer1 {display:block; clear:both;}
}
@media only screen and (max-width:480px){
  .LargeFooter {padding:15px; }
  .LargeFooter h2 {margin-bottom:0px;}
  .LargeFooter .FooterTable .Content1 {float:none; clear:both; width:100%; padding-right:0%; margin-right:0%; background:url(/Images/BulletHorizontal.png) repeat-x bottom;}
  .LargeFooter .FooterTable .Content2 {float:none; clear:both; width:100%; background:url(/Images/BulletHorizontal.png) repeat-x bottom;}
  .LargeFooter .FooterTable .Content3 {float:none; clear:both; width:100%; padding-right:0%; margin-right:0%; background:url(/Images/BulletHorizontal.png) repeat-x bottom;}
  .LargeFooter .FooterTable .Content4 {float:none; clear:both; width:100%;}
  .LargeFooter .FooterTable .Spacer1 {display:none;}
}

/* login button */
@media only screen and (max-width:768px){
  .MainHeader .LoginForm .Inner .NewLoginButton {float:none;}
}

/* Content */
@media only screen and (max-width:1024px){
  .MainCenter .BreadcrumbSearch {font-size:14px;}
  .MainCenter .Breadcrumb {font-size:14px;}
  .MainCenter .Breadcrumb span {padding-right:12px;}
  .MainCenter h2 {font-size:20px;}
  .MainCenter .PublicFormTable .Col1 {font-size:16px;}
  .MainCenter .EditBox {height:20px;}
  .MainCenter .MainCenterText {float:none; width:100%;}
  .MainCenter .MainCenterText p {font-size:12px;}
  .MainCenter .FormBorder {float:none; width:auto; margin-top:20px;}
  .MainCenter .FormBorder2 {float:none; width:auto; margin-top:20px;}
  .MainCenter .BtnTop {margin-bottom:10px; float:none; clear:both;}
  .MainCenter .OrderBy span {font-size:16px;}
  .MainCenter .OrderBy select {height:23px;}
  .MainCenter .OrderBy2 span {font-size:16px; width:190px; display:inline-block;}
  .MainCenter .OrderBy2 select {height:23px;}
  .MainCenter .OrderBy2 .NarrowSelect {height:23px; margin-top:10px;}
  .MainCenter .OrderBy2 .OrderBy2Spacer {display:block;}
}
@media only screen and (max-width:768px){
  .MainCenter .PublicFormTable .Col1 {width:45%;}
  .MainCenter .PublicFormTable .Col2 {width:50%;}
  .MainCenter .BreadcrumbSearch {display:none;}
  .MainCenter .Breadcrumb {display:none;}
  .MainCenter .SlideBarContent {background-image:none; height:0px;}
  .MainCenter .FormBorder {padding:15px;}
  .MainCenter .FormBorder2 {padding:15px;}
  .MainCenter .OrderBy span {display:block;}
  .MainCenter .OrderBy select {display:block; margin-right:0px; width:100%; margin-top:10px;}
  .MainCenter .OrderBy2 span {display:block; width:100%; padding-right:0px;}
  .MainCenter .OrderBy2 select {display:block; margin-right:0px; width:100%; margin-top:10px;}
  .MainCenter .OrderBy2 .NarrowSelect {display:block; margin-right:0px; width:100%; margin-top:10px;} 
  .TopBookmark                        {display:inline-block; width:auto; margin-bottom:0px;}
  .TopBookmark .MainTitle             {display:inline-block; width:auto; margin:0px 0px 10px 0px;}
  .TopBookmark .Breadcrumb            {display:none;} 
}
@media only screen and (max-width:600px){
  .MainCenter .BtnLeft {float:none; clear:both; margin-top:10px;}
  .MainCenter .BtnLeft a {width:auto; margin-right:0px;}
  .MainCenter .BtnRight {float:none; clear:both; margin-top:10px;}
  .MainCenter .BtnRight a {width:auto; margin-left:0px;}
  .MainCenter .BtnMobile {display:block;}
}  
@media only screen and (max-width:480px){
  .MainCenter .PublicFormTable .Col1 {width:100%; float:none; padding:7px 0px 0px 0px;}
  .MainCenter .PublicFormTable .Col2 {width:100%; float:none;}
  .MainCenter .Space {margin:18px 0px 8px 0px;}
}

/* Validation messages */
@media only screen and (max-width:1024px){
  .ValidationMessage {font-size:16px;}
  .MainCenter .PossibleBrowseResults {font-size:16px;}
}

/* Basket */
@media only screen and (max-width:1024px){
  #Basket .Panel .Item .InfoCustom {width:340px;}
  #Basket .Panel .Item .InfoCustom .BlockCustom .TableCustom .Quantity .EditBox {height:25px;}
  #Basket .Panel .Item .InfoCustom .BtnTableBasket .BtnBasket .BtnRemoveItem {color:#000; background-image:none; padding:0px 0px 0px 0px;}
  #Basket .Panel .Item .InfoCustom .BtnTableBasket .BtnBasket .BtnSaveLater {color:#000; background-image:none; padding:0px 0px 0px 0px;}
  #Basket .Panel .Item .InfoCustom .BtnTableBasket .BtnBasket .BtnAddBasket {color:#000; background-image:none; padding:0px 0px 0px 0px;}
  #Basket .Bilan .CodePromo .EditBox {float:none; margin-bottom:10px;}
  #Basket .Bilan .CodePromo .BtnLeft {float:none;}
}
@media only screen and (max-width:768px){
  #Basket .Panel .Item {display:block;}
  #Basket .Panel .Item .InfoMedia {width:100%; display:block; padding-right:0px; clear:both;}
  #Basket .Panel .Item .InfoCustom {width:100%; display:block; margin-top:10px; margin-bottom:0px; clear:both;}
  #Basket .Panel .Item .InfoCustom .BlockCustom {padding:20px 15px 15px 15px;}
  #Basket .Panel .Item .InfoCustom .BlockCustom .LeftWhiteArrow {display:none;}
  #Basket .Panel .Item .InfoCustom .BlockCustom .TopWhiteArrow {display:block; left:20px; margin-left:auto; margin-top:-25px;}
}
@media only screen and (max-width:600px){
  #Basket .BtnBasketLeft {float:none; clear:both; margin-top:10px;}
  #Basket .BtnBasketLeft a {width:auto; margin-right:0px;}
  #Basket .BtnBasketRight {float:none; clear:both; margin-top:10px;}
  #Basket .BtnBasketRight a {width:auto; margin-left:0px;}
  #Basket .Bilan .CodePromo {float:none; width:100%;}
  #Basket .Bilan .CodePromo .EditBox {width:100%;}
  #Basket .Bilan .TotalPrice {float:none; width:100%; text-align:center;}
}
@media only screen and (max-width:480px){
  .Currency2 {text-align:center;}
}

/* Reserve in-store */
@media only screen and (max-width:1024px){
  #Reserve .ItemsStore .InfoCustom {width:340px;}
  #Reserve .ItemsStore .InfoCustom .BlockCustom .TableCustom .Quantity .EditBox {height:25px;}
}
@media only screen and (max-width:768px){
  #Reserve .ItemsStore {display:block;}
  #Reserve .ItemsStore .InfoMedia {width:100%; display:block; padding-right:0px; clear:both;}
  #Reserve .ItemsStore .InfoCustom {width:100%; display:none; margin-top:10px; margin-bottom:0px; clear:both;}
  #Reserve .ItemsStore .InfoCustom .BlockCustom {padding:20px 15px 15px 15px;}
  #Reserve .ItemsStore .InfoCustom .BlockCustom .LeftWhiteArrow {display:none;}
  #Reserve .ItemsStore .InfoCustom .BlockCustom .TopWhiteArrow {display:block; left:20px; margin-left:auto; margin-top:-25px;}
}
@media only screen and (max-width:480px){
  #Reserve .ItemsStore .InfoCustom .BlockCustom .TableCustom {display:block; width:100%;}
  #Reserve .ItemsStore .InfoCustom .BlockCustom .TableCustom .Quantity {display:block; width:100%;}
  #Reserve .ItemsStore .InfoCustom .BlockCustom .TableCustom .BtnGreen {display:block; width:100%; margin-top:10px; padding:0px;}
}

/* Account */
@media only screen and (max-width:1024px){
  #ViewAccountPage .Col2 {margin-top:5px;}
  #ViewAccountPage .BtnRight {margin-top:10px; margin-bottom:0px;}
  #ViewAccountPage .BtnLeft {margin-top:10px; margin-bottom:0px;}
  #ViewAccountPage .HeadTable {font-size:16px;}
  #ViewAccountPage .CellOrderNumber {width:15%;}
  #ViewAccountPage .CellBtn {width:35%;}
  #ViewAccountPage .ContentTable {display:table; width:100%; font-size:12px;}
  #ViewAccountPage .DataTable .BtnDataTable .BtnRemoveItem {background-image:none; padding:0px 0px 0px 0px;}
  #ViewAccountPage .DataTable .BtnDataTable .BtnContinu {background-image:none; padding:0px 0px 0px 0px;}
  #ViewAccountPage .FoyaltyButtonsRight {width:100%; float:none; clear:both;}
  #ViewAccountPage .GiftCardsButtonsRight {width:100%; float:none; clear:both;}
}
@media only screen and (max-width:790px){
  #ViewAccountPage .HeadTable {display:none;}
  #ViewAccountPage .ContentTable {display:block; width:100%;}
  #ViewAccountPage .ContentTable span {display:inline-block; font-size:14px;}
  #ViewAccountPage .CellOrderNumber {display:block; width:100%; text-align:left; height:auto; margin-top: 10px; font-size:12px;}
  #ViewAccountPage .CellTotalPrice {display:block; width:100%; text-align:left; height:auto; margin-top: 10px; font-size:12px;}
  #ViewAccountPage .CellOrderDate {display:block; width:100%; text-align:left; height:auto; margin-top: 10px; font-size:12px;}
  #ViewAccountPage .CellStatus {display:block; width:100%; text-align:left; height:auto; margin-top: 10px; font-size:12px;}
  #ViewAccountPage .CellStoreOrder {display:block; width:100%; text-align:left; height:auto; margin-top: 10px; font-size:12px;}
  #ViewAccountPage .CellStoreOrder span.LeftPart {float:left; height:20px;}
  #ViewAccountPage .CellBtn {display:block; width:100%; text-align:left; height:30px; margin-top:5px;}
  #ViewAccountPage .CellCardNumber {display:block; width:100%; text-align:left; height:auto; margin-top: 10px; font-size:12px;}
  #ViewAccountPage .CellPointsBalance {display:block; width:100%; text-align:left; height:auto; margin-top: 10px; font-size:12px;}
  #ViewAccountPage .CellAmountBalance {display:block; width:100%; text-align:left; height:auto; margin-top: 10px; font-size:12px;}
  #ViewAccountPage .CellSpace {display:block; width:100%; text-align:center; height:auto; margin-top: 10px; font-size:12px;}
  #ViewAccountPage .CellCardNumberGiftCards {display:block; width:100%; text-align:left; height:auto; margin-top: 10px; font-size:12px;}
  #ViewAccountPage .CellCardNumberAmountBalance {display:block; width:100%; text-align:left; height:auto; margin-top: 10px; font-size:12px;}
  #ViewAccountPage .CellCardNumberSpace {display:block; width:100%; text-align:center; height:auto; margin-top: 10px; font-size:12px;}
  #ViewAccountPage .DataTable .BtnDataTable {float:none; text-align:center; margin-top:10px;}
  #ViewAccountPage .DataTable .BtnDataTable .BtnRemoveItem {margin-left:0px; margin-right:20px; background-image:url(/Images/IconRemoveItem.png); padding:0px 0px 0px 22px;}
  #ViewAccountPage .DataTable .BtnDataTable .BtnContinu {margin-left:0px; background-image:url(/Images/IconContinu.png); padding:0px 0px 0px 22px;}
  #ViewAccountPage .FoyaltyTable span {display:inline-block; font-size:14px;}
}
@media only screen and (max-width:600px){
  #ViewAccountPage .FoyaltyButtons .BtnRight a {width:auto;}
  #ViewAccountPage .FoyaltyButtons .BtnLeft a {width:auto;}
  #ViewAccountPage .FoyaltyButtonsRight .BtnRight a {width:auto;}
  #ViewAccountPage .FoyaltyButtonsRight .BtnLeft a {width:auto;}
  #ViewAccountPage .GiftCardsButtons .BtnRight a {width:auto;}
  #ViewAccountPage .GiftCardsButtons .BtnLeft a {width:auto;}
  #ViewAccountPage .GiftCardsButtonsRight .BtnRight a {width:auto;}
  #ViewAccountPage .GiftCardsButtonsRight .BtnLeft a {width:auto;}
}
@media only screen and (max-width:480px){
  #ViewAccountPage .Col2 {margin-top:0px;}
  #ViewAccountPage .DataTable .BtnDataTable .BtnRemoveItem {background-image:none; padding:0px 0px 0px 0px;}
  #ViewAccountPage .DataTable .BtnDataTable .BtnContinu {background-image:none; padding:0px 0px 0px 0px;}
  #ViewAccountPage .FoyaltyTable .BtnRemoveItem {background-image:none; padding:0px 0px 0px 0px; margin-left:0px;}
  #ViewAccountPage .GiftCardsTable .BtnRemoveItem {background-image:none; padding:0px 0px 0px 0px; margin-left:0px;}
}

/* Edit Account */
@media only screen and (max-width:600px){
  #EditAccountPage .MainCenterText .BtnLeft a {width:auto;}
  }
  
/* Credit Card Page */
@media only screen and (max-width:480px){
  #CreditCardPage .Space {margin:2px 0px 2px 0px;}
}

/* View Address Page */
@media only screen and (max-width:600px){
  #ViewAddressPage .PublicFormTable .BtnRight a {width:auto;}
}
@media only screen and (max-width:480px){
  #ViewAddressPage .PublicFormTable .Col2 {text-align:center; margin-top:10px;}
}

/* Order Detail Page */
@media only screen and (max-width:1024px){
  #OrderDetailPage .OrderDetailTable .HeadTable {display:table; width:100%; font-size:16px;}
}
@media only screen and (max-width:768px){
  #OrderDetailPage .OrderDetailTable .HeadTable {display:none;}
  #OrderDetailPage .OrderDetailTable .ContentTable {display:block; width:100%;}
  #OrderDetailPage .OrderDetailTable .ContentTable span {display:inline-block; font-size:14px;}
  #OrderDetailPage .OrderDetailTable .CellItemCode {display: block; width:100%; text-align:left; height:auto; margin-top:10px; font-size:12px;}
  #OrderDetailPage .OrderDetailTable .CellItem {display: block; width:100%; text-align:left; height:auto; margin-top:10px; font-size:12px;}
  #OrderDetailPage .OrderDetailTable .CellQuantity {display: block; width:100%; text-align:left; height:auto; margin-top:10px; font-size:12px;}
  #OrderDetailPage .OrderDetailTable .CellTotalCost {display: block; width:100%; text-align:left; height:auto; margin-top:10px; font-size:12px;}
  #OrderDetailPage .OrderDetailTable .CellFoyaltyPointsEarned {display: block; width:100%; text-align:left; height:auto; margin-top:10px; font-size:12px;}
  #OrderDetailPage .OrderDetailTable .CellStatus {display: block; width:100%; text-align:left; height:auto; margin-top:10px; font-size:12px;}
  #OrderDetailPage .OrderDetailTable .Space {margin:15px 0px 15px 0px;}
  #OrderDetailPage .MainCenterText .BtnRight a {width:auto;}
}
@media only screen and (max-width:480px){
  #OrderDetailPage .Space {margin:2px 0px 2px 0px;}
}

/* Checkout Page */
@media only screen and (max-width:1024px){
  #CheckoutPage {}
}

/* eBook Shelf Page */
@media only screen and (max-width:1024px){
  #eBooks .Filter .Select {height:23px;}
  #eBooks .Item .InfoCustom {width:340px;}
}
@media only screen and (max-width:768px){
  #eBooks .Filter label {display: block; font-size:16px;}
  #eBooks .Filter .Select {display:block; margin-right:0px; width:100%; margin-top:10px;}
  #eBooks .Item .InfoMedia {width:100%; display:block; padding-right:0px; clear:both;}
  #eBooks .Item .InfoCustom {width:100%; display:block; margin-top:10px; margin-bottom:0px; clear:both; margin-left:87px;}
  #eBooks .Item .InfoCustom div {float:left;}
}
@media only screen and (max-width:600px){
  #eBooks .Item {display:block;}
  #eBooks .Item .InfoMedia {display:block;}
  #eBooks .Item .BtnDownload {display:block;}
}
@media only screen and (max-width:480px){
  #eBooks .Item .InfoCustom {margin-left:0px;}
  #eBooks .Item .InfoCustom div {float:none;}
  #eBooks .Item .InfoCustom .BtnGreen {width:auto;}
  #eBooks .Item .InfoCustom .CheckLater {margin-left:87px;}
}

/* Blog Page */
@media only screen and (max-width:1024px){
  #BlogPage .Filter span {font-size:16px;}
  #BlogPage .Filter select {height:23px;}
  #BlogPage .ReviewForm {width:auto; padding:15px;}
  #BlogPage .Col1 {font-size:16px;}
  #BlogPage .ReviewForm label {font-size:16px;}
  #BlogPage .CustomerReview {width:100%;}
  #BlogPage .SubTitle {font-size:20px;}
}
@media only screen and (max-width:768px){
  #BlogPage .Filter span {display:block;}
  #BlogPage .Filter select {display:block; margin-right:0px; width:100%; margin-top:10px;}
}
@media only screen and (max-width:600px){
  #BlogPage .SubmitReviewP2 {width:auto;}
  #BlogPage .CustomerReview .Report {width:auto;}
}
@media only screen and (max-width:480px){
  #BlogPage .Col1 {width:100%; float:none;}
  #BlogPage .Col2 {width:100%; float:none;}
  #BlogPage .ReviewForm label {float:none;}
  #BlogPage .ReviewForm .Rating {float:none;}
  #BlogPage .ReviewForm .BtnRight input {height:38px; line-height:38px;}
}

/* Past Event Page */
@media only screen and (max-width:1024px){
  #PastEvent .Filter span {font-size:16px;}
  #PastEvent .Filter select {height:23px;}
  #PastEvent .SubTitle {font-size:20px;}
}
@media only screen and (max-width:768px){
  #PastEvent .Filter span {display:block;}
  #PastEvent .Filter select {display:block; margin-right:0px; width:100%; margin-top:10px;}
}

/* Upcoming Event Page */
@media only screen and (max-width:1024px){
  #UpcomingEvent .Filter span {font-size:16px;}
  #UpcomingEvent .Filter select {height:23px;}
  #UpcomingEvent .SubTitle {font-size:20px;}
}
@media only screen and (max-width:768px){
  #UpcomingEvent .Filter span {display:block;}
  #UpcomingEvent .Filter select {display:block; margin-right:0px; width:100%; margin-top:10px;}
}

/* News Blogs Page */
@media only screen and (max-width:1024px){
  #NewsBlogs .Filter span {font-size:16px;}
  #NewsBlogs .Filter select {height:23px;}
  #NewsBlogs .ReviewForm {width:auto;  padding:15px;}
  #NewsBlogs .Col1 {font-size:16px;}
  #NewsBlogs .ReviewForm label {font-size:16px;}
  #NewsBlogs .CustomerReview {width:100%;}
  #NewsBlogs .SubTitle {font-size:20px;}
}
@media only screen and (max-width:768px)
{
  #NewsBlogs .Breadcrumb {display:none;}
  #NewsBlogs .Filter span {display:block;}
  #NewsBlogs .Filter select {display:block; margin-right:0px; width:100%; margin-top:10px;}
}
@media only screen and (max-width:600px){
  #NewsBlogs .SubmitReviewP2 {width:auto;}
  #NewsBlogs .CustomerReview .Report {width:auto;}
}
@media only screen and (max-width:480px){
  #NewsBlogs .Col1 {width:100%; float:none;}
  #NewsBlogs .Col2 {width:100%; float:none;}
  #NewsBlogs .ReviewForm .BtnRight input {height:38px; line-height:38px;}
}

/* Author Page */
@media only screen and (max-width:1024px){
  #AuthorPage .Filter span {font-size:16px;}
  #AuthorPage .Filter select {height:23px;}
  #AuthorPage .SubTitle {font-size:20px;}
}
@media only screen and (max-width:768px){
  #AuthorPage .Filter span {display:block;}
  #AuthorPage .Filter select {display:block; margin-right:0px; width:100%; margin-top:10px;}
}

/* Competition Page */
  @media only screen and (max-width:1024px){
  #CompetitionPage .Col1Full {font-size:16px;}
}

/* Bookstores ----- */
@media only screen and (max-width:1024px){
  .MainCenter .Bookstores .Title {font-size:16px;}
}
@media only screen and (max-width:768px){
  .MainCenter .MapsContainer {width:100%; height:400px; float:none; clear:both; margin-bottom:20px;}
  .MainCenter #StoreMapWrap {width:100%; height:400px; float:none; clear:both; margin-bottom:20px; margin-right:0%;}
  .MainCenter .Bookstores  {width:100%; float:none; clear:both;}
  #FoylesBookStores {height:400px;}
}
@media only screen and (max-width:600px){
  .MainCenter .MapsParent {display:none;}  
}

/* Stores Page */
@media only screen and (max-width:1024px){
  #Stores .SubTitle {font-size:20px;}
}
@media only screen and (max-width:600px){
  #Stores .BtnLeftBig a {width:auto; padding:0px;}
}

/* Search Page */
@media only screen and (max-width:1024px){
  #SearchPage h2 {font-size:20px;}
  #SearchPage .Filter select {height:23px;}
}
@media only screen and (max-width:768px){
  #SearchPage .Filter label {display: block; font-size:16px;}
  #SearchPage .Filter select {display:block; margin-right:0px; width:100%; margin-top:10px;}
}

/* divItemDetails Page */
@media only screen and (max-width:1024px){
  .divItemDetails .ReviewForm .Col1{font-size:16px;}
}
@media only screen and (max-width:768px){
  .divItemDetails .Price {display:none;}
  .divItemDetails .MarketPlace {display:none;}
  .divItemDetails .FoylesFavourite {display:none;}
  .divItemDetails .FoylesRecommends {display:none;}
  .divItemDetails .YouMightAlsoLikePanel {display:none;}
}

/* Product Details Page MAIN SITE VERSION ------------- */
@media only screen and (max-width:1024px){
  .ItemDetailPage .UpperSection .RightSection .BookTitle h1 span {font-size:24px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .PurchaseTableHeader .CellListPrice {text-decoration:none; font-size:14px !important;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .PurchaseTableHeader  .CellOnlinePrice {color:#000; font-size:14px !important;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .PurchaseTableHeader .CellSave {color:#000; font-size:14px !important;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .PurchaseTableHeader {font-size:14px;}
  .PanelArea .Tabs div a {font-size:14px;}
  .PanelArea .ProductDetailsTab .Content .SubTitle {font-size:18px;}
  .PanelArea .ProductDetailsTab .Content .Column1 {display:block; width:100%; padding-right:0px;}
  .PanelArea .ProductDetailsTab .Content .Column2 {display:block; width:100%;}
  .PanelArea .ReviewsTab .Content .ReviewForm .Col1 {font-size:16px;}
  .PanelArea .ReviewsTab .Content .ReviewForm .Col2 input {height:20px;}
  .PanelArea .CustomerReview .ReviewForm label {font-size:16px;}
  .MarketPlace h3 {font-size:14px;}
  .MarketPlace .DataTable2 th {font-size:14px;}
  .MarketPlace .MarketPlaceTxt3 a {font-size:14px;}
  .MarketPlace .SubTitleOrderBy label {font-size:16px;}
  .MarketPlace .SubTitleOrderBy select {height:23px;}
}
@media only screen and (max-width:960px){
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .PurchaseTableHeader {}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellOrderOptions {width:19%;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellOrderOptions .IconAndRollover .Icon {display:none;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellListPrice {width:8%; font-size:14px !important;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellOnlinePrice {width:8%; font-size:14px !important;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellSave {width:9%; font-size:14px !important;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellAvailability1 {width:3%;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellAvailability {width:22%;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellTurnOn {width:31%;}
  .PanelArea .Tabs {display:table; width:100%;}
  .PanelArea .Tabs div {display:table-cell; padding:7px 0px 0px 0px; margin-right:0px; float:none;}
  .PanelArea .Tabs div.Active {padding:7px 0px 0px 0px;}
  .PanelArea .Tabs div a {float:none;}
  .PanelArea .Tabs div img {margin-left:0px; padding-right:15px;}
}
@media only screen and (max-width:768px){
  .ItemDetailPage .PurchaseTable {}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .RowDelivery {vertical-align:top; padding:15px; height:100%; display:block; width:auto;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .RowDelivery div {font-size:12px; line-height:25px; margin:0px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .RowClickCollect {vertical-align:top; padding:15px; height:100%; display:block; width:auto;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .RowClickCollect div {font-size:12px; line-height:25px; margin:0px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .RowNewUsed {vertical-align:top; padding:15px; height:100%; display:block; width:auto;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .RowNewUsed div {font-size:12px; line-height:25px; margin:0px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellOrderOptions {display:inline-block; width:27%; text-align:left; padding-left:0px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellOrderOptions a {font-size:14px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellOrderOptions span {margin:0px 0px 0px 0px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellOrderOptions .IconAndRollover .Icon {margin-top:6px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellListPrice {display:inline-block; width:10%; text-align:left;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellOnlinePrice {display:inline-block; width:10%; text-align:left;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellSave {display:inline-block; width:10%; text-align:left;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellAvailability1 {display:none;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellAvailability {display:inline-block; width:40%; text-align:right; line-height:16px !important; margin:5px 0px 5px 0px; padding:0px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellTurnOn {display:inline-block; width:100%; margin:0px !important; text-align:left; } 
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGreen {float:none; height:38px; padding:0px; margin:10px 0px 0px 0px; width:auto;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnRed {float:none; height:38px; padding:0px; margin:10px 0px 0px 0px; width:auto;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGrey {float:none; height:38px; padding:0px; margin:10px 0px 0px 0px; width:auto;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellTurnOn {line-height:0px !important;}
  .ItemDetailPage .UpperSection .RightSection .BookTitle h1 span {height:auto; font-size:22px;}
  .ItemDetailPage .UpperSection .RightSection .BookTitle .BookType {font-size:15px;}
  .ItemDetailPage .UpperSection .RightSection .Author a {}
  .PanelArea .ProductDetailsTab .Content {padding:15px;}
  .PanelArea .ProductDetailsTab .Content a.CategoryLink {display:none;}
  .PanelArea .ProductDetailsTab .Content .Column2 .ListItem {padding-bottom:0px;}
  .PanelArea .ProductDetailsTab .Content .Column2 .ListItem strong img {display:none;}
  .PanelArea .AuthorsTab .Content {padding:15px;}
  .PanelArea .ReviewsTab .Content {padding:15px;}
  .PanelArea .ReviewsTab .Content .ReviewForm {padding:15px;}
  .PanelArea .DeliveryTab .Content {padding:15px;}
  .PanelArea .Tabs div img {display:none;}
  
  /*.ItemDetailPage * .CheckPostcodes .RolloverInfo {left:auto; right:0px; max-width:100%;}*/

  .ItemDetailPage .PurchaseTable .PurchaseTableContent .PurchaseTableHeader {margin-left:13px; width:98%; display:block;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .PurchaseTableHeader .CellOrderOptions {vertical-align:bottom; width:26%;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .PurchaseTableHeader .CellListPrice {vertical-align:bottom; width:7%; padding-right:3%;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .PurchaseTableHeader .CellOnlinePrice {vertical-align:bottom; width:9%;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .PurchaseTableHeader .CellSave {vertical-align:bottom;} 
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .PurchaseTableHeader .CellAvailability {display:none;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .PurchaseTableHeader .CellTurnOn {display:none;}

}
@media only screen and (max-width:600px){
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .PurchaseTableHeader {display:none;}
  .ItemDetailPage .UpperSection .RightSection .FoyaltyPoints a {font-size:12px;}
  .ItemDetailPage .UpperSection .RightSection .FoyaltyPoints span.Points {font-size:16px;}
  .ItemDetailPage .PurchaseTable {}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .ShowCat {display:inline-block; font-size:12px; width:100px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .RowDelivery {display:block;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .RowDelivery div {line-height:18px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .RowClickCollect {display:block;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .RowClickCollect div {line-height:18px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .RowNewUsed {display:block;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .RowNewUsed div {line-height:18px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellOrderOptions {width:90%; padding-bottom:6px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellOrderOptions a {font-size:16px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellOrderOptions .IconAndRollover .Icon {margin-top:2px;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellListPrice {width:100%;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellOnlinePrice {width:100%;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellSave {width:100%;}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellAvailability {width:100%; margin:0px; text-align:left}
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellAvailability img {display:none;}
  
  .ItemDetailPage .PurchaseTable .PurchaseTableContent .CellAvailability .AvInfoText {display:inline-block;}
}
@media only screen and (max-width:480px){
  .ItemDetailPage .UpperSection .LeftSection {width:72px;}
  .ItemDetailPage .UpperSection .RightSection .BookTitle h1 span {height:auto; font-size:18px;}
  .PanelArea {border-bottom:none; background-color:#fff; margin-top:0px;} 
  .PanelArea .Tabs {display:none;}
  .PanelArea .ProductDetailsTab {display:block;}
  .PanelArea .ProductDetailsTab .Content {padding:0px;}
  .PanelArea .ProductDetailsTab .Content p {margin:0px 0px 5px 0px;}
  .PanelArea .ProductDetailsTab .Content .SubTitle {padding:0px 0px 5px 0px;}
  .PanelArea .ProductDetailsTab .Content .BulletLineBlockWhite {background-image: url(/Images/BulletHorizontal.png); margin-top:13px; margin-bottom:10px;}
  .PanelArea .ProductDetailsTab .Content .Column2 .BtnGreen {margin-top:10px;}
  .PanelArea .AuthorsTab {display:none;}
  .PanelArea .AuthorsTab .Content {padding:0px;}
  .PanelArea .ReviewsTab {display:none;}
  .PanelArea .ReviewsTab .Content {padding:0px;}
  .PanelArea .ReviewsTab .Content .SubTitle {padding:0px 0px 5px 0px;}
  .PanelArea .DeliveryTab {display:none;}
  .PanelArea .DeliveryTab .Content {padding:0px;}
  .PanelArea .ReviewsTab .Content .DetailItemButtons {width:auto;}
  .PanelArea .ReviewsTab .Content .ReviewForm {background-color:#e5e5e5; padding:15px;}
  .PanelArea .ReviewsTab .Content .ReviewForm .Col1 {display:table-row; width:100%}
  .PanelArea .ReviewsTab .Content .ReviewForm .Col2 {display:table-row;}
  .PanelArea .ReviewsTab .Content .ReviewForm .BtnGreen {width:auto; float:none;}
  .PanelArea .ReviewsTab .Content .BulletLineBlockWhite {background-image: url(/Images/BulletHorizontal.png); margin-top:13px; margin-bottom:10px;}
  .PanelArea .CustomerReview .BtnGrey {width:auto;}
  .PanelArea .CustomerReview input.BtnGrey {width:100%;}
}

/* New Item With Description ------------- */
@media only screen and (max-width:1150px){
  .NewItemWithDescriptionTable {display:block;}
  .NewItemWithDescriptionTable .NewItemWithDescriptionDetail {display:block; width:100%;}
  .NewItemWithDescriptionTable .NewItemWithDescriptionDot {display:block; width:100%; height:5px; background:url(/Images/BulletHorizontal.png) repeat-x ;}
  .NewItemWithDescriptionOne .NewItemWithDescriptionDetail {display:block; width:100%; background:url(/Images/BulletHorizontal.png) repeat-x bottom; padding-bottom:5px;}
  .NewItemWithDescriptionDetail .UpperSection .LeftSection {width:72px;}
  .NewItemWithDescriptionDetail .UpperSection .LeftSection .BookCover {width:72px; min-height:inherit;}
  .NewItemWithDescriptionDetail .UpperSection .LeftSection .BookCover img {width:72px; min-height:inherit;}
  .NewItemWithDescriptionDetail .UpperSection .RightSection .BookType { padding-bottom:0px;}
}
@media only screen and (max-width:768px){
  .NewItemWithDescriptionDetail .UpperSection .RightSection .FoyaltyPoints a {font-size:12px;}
  .NewItemWithDescriptionDetail .UpperSection .RightSection .FoyaltyPoints span.Points {font-size:16px;}
}
@media only screen and (max-width:480px){
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent {display:block; width:100%;}
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent .RowDelivery {display:block; width:100%; height:auto; padding:10px 0px;}
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent .RowClickCollect {display:block; width:100%; height:auto; padding:10px 0px;}
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent .RowNewUsed {display:block; width:100%; height:auto; padding:10px 0px;}
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent .CellOrderOptions {display:inline-block; width:43%;}
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent .CellOrderOptions a {font-size:13px;}
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent .CellListPrice {display:inline-block; width:16%;}
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent .CellOnlinePrice {display:inline-block; width:16%;}
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent .CellSave {display:inline-block; width:14%;}
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent .CellAvailability {display:inline-block; width:8%;}
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent .CellTurnOn {display:inline-block; width:100%; text-align:center;}
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent .CellTurnOn span {margin-top:10px; display:block;}
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGreen {margin-top:10px;}
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGrey {margin-top:10px;}
}

/* New Item Without Description ------------- */
@media only screen and (max-width:1024px){
  .NewItemWithoutDescriptionTable {display:block;}
  .NewItemWithoutDescriptionTable .NewItemWithoutDescriptionDetail {display:block; width:100%;}
  .NewItemWithoutDescriptionTable .NewItemWithoutDescriptionDot {display:block; width:100%; height:5px; background:url(/Images/BulletHorizontal.png) repeat-x ;}
  .NewItemWithoutDescriptionOne .NewItemWithoutDescriptionDetail {display:block; width:100%; background:url(/Images/BulletHorizontal.png) repeat-x bottom; padding-bottom:5px;}
  .NewItemWithoutDescriptionDetail .UpperSection .LeftSection {width:72px;}
  .NewItemWithoutDescriptionDetail .UpperSection .LeftSection .BookCover {width:72px; min-height:inherit;}
  .NewItemWithoutDescriptionDetail .UpperSection .LeftSection .BookCover img {width:72px; min-height:inherit;}
  .NewItemWithoutDescriptionDetail .UpperSection .RightSection .BookType {padding-bottom:0px;}
}
@media only screen and (max-width:768px){
  .NewItemWithoutDescriptionDetail .UpperSection .RightSection .FoyaltyPoints a {font-size:12px;}
  .NewItemWithoutDescriptionDetail .UpperSection .RightSection .FoyaltyPoints span.Points {font-size:16px;}
}
@media only screen and (max-width:480px){
  .NewItemWithoutDescriptionDetail .PurchaseTable .PurchaseTableContent {display:block; width:100%;}
  .NewItemWithoutDescriptionDetail .PurchaseTable .PurchaseTableContent .RowDelivery {display:block; width:100%; height:auto; padding:10px 0px;}
  .NewItemWithoutDescriptionDetail .PurchaseTable .PurchaseTableContent .RowClickCollect {display:block; width:100%; height:auto; padding:10px 0px;}
  .NewItemWithoutDescriptionDetail .PurchaseTable .PurchaseTableContent .RowNewUsed {display:block; width:100%; height:auto; padding:10px 0px;}
  .NewItemWithoutDescriptionDetail .PurchaseTable .PurchaseTableContent .CellOrderOptions {display:inline-block; width:43%;}
  .NewItemWithoutDescriptionDetail .PurchaseTable .PurchaseTableContent .CellOrderOptions a {font-size:13px;}
  .NewItemWithoutDescriptionDetail .PurchaseTable .PurchaseTableContent .CellListPrice {display:inline-block; width:16%;}
  .NewItemWithoutDescriptionDetail .PurchaseTable .PurchaseTableContent .CellOnlinePrice {display:inline-block; width:16%;}
  .NewItemWithoutDescriptionDetail .PurchaseTable .PurchaseTableContent .CellSave {display:inline-block; width:14%;}
  .NewItemWithoutDescriptionDetail .PurchaseTable .PurchaseTableContent .CellAvailability {display:inline-block; width:8%;}
  .NewItemWithoutDescriptionDetail .PurchaseTable .PurchaseTableContent .CellTurnOn {display:inline-block; width:100%; text-align:center;}
  .NewItemWithoutDescriptionDetail .PurchaseTable .PurchaseTableContent .CellTurnOn span {margin-top:10px; display:block;}
  .NewItemWithoutDescriptionDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGreen {margin-top:10px;}
  .NewItemWithoutDescriptionDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGrey {margin-top:10px;}
}

/* New Horizontal Item ------------- */
@media only screen and (max-width:1024px){
  .NewHorizontalItemDetail {display:block; width:100%;}
  .NewHorizontalItemDetail .UpperSection .LeftSection {width:72px;}
  .NewHorizontalItemDetail .UpperSection .LeftSection .BookCover {width:72px; min-height:inherit;}
  .NewHorizontalItemDetail .UpperSection .LeftSection .BookCover img {width:72px; min-height:inherit;}
  .NewHorizontalItemDetail .UpperSection .RightSection .BookType {padding-bottom:0px;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellOrderOptions    {width:29%;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellListPrice       {width:11%;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellOnlinePrice     {width:11%;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellSave            {width:9%;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellAvailability    {width:6%;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn          {width:34%;}
}
@media only screen and (max-width:768px){
  .NewHorizontalItemDetail .UpperSection .RightSection .FoyaltyPoints a {font-size:12px;}
  .NewHorizontalItemDetail .UpperSection .RightSection .FoyaltyPoints span.Points {font-size:16px;}
  .NewHorizontalItemDetail .UpperSection .RightSection .FoyaltyPoints .Value {font-size:16px;}
}
@media only screen and (max-width:480px){
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent {display:block; width:100%;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .RowDelivery {display:block; width:100%; height:auto; padding:10px 0px;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .RowClickCollect {display:block; width:100%; height:auto; padding:10px 0px;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .RowNewUsed {display:block; width:100%; height:auto; padding:10px 0px;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellOrderOptions {display:inline-block; width:42%;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellOrderOptions a {font-size:13px;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellListPrice {display:inline-block; width:16%;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellOnlinePrice {display:inline-block; width:16%;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellSave {display:inline-block; width:13%;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellAvailability {display:inline-block; width:8%;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn {display:inline-block; width:100%; text-align:center;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn span {margin-top:10px; display:block;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGreen {margin-top:10px;}
  .NewHorizontalItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGrey {margin-top:10px;}
}


/* New Compact Item ------------- */
@media only screen and (max-width:1240px){
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGreen {font-size:15px; font-weight:bold;}
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGrey {font-size:15px; font-weight:bold;}
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnRed {font-size:15px; font-weight:bold;}
}

@media only screen and (max-width:1100px){
  .NewCompactTable {display:block;}
  .NewCompactTable .NewCompactItemDetail {display:block; width:100%;}
  .NewCompactTable .NewCompactMiddleDot {display:block; width:100%; height:5px; background:url(/Images/BulletHorizontal.png) repeat-x ;}
  .NewCompactOne .NewCompactItemDetail {display:block; width:100%; background:url(/Images/BulletHorizontal.png) repeat-x bottom; padding-bottom:5px;}
  .NewCompactItemDetail .UpperSection .LeftSection {width:72px;}
  .NewCompactItemDetail .UpperSection .LeftSection .BookCover {width:72px; min-height:inherit;}
  .NewCompactItemDetail .UpperSection .LeftSection .BookCover img {width:72px; min-height:inherit;}
  .NewCompactItemDetail .UpperSection .RightSection .BookType {padding-bottom:0px;}
}
@media only screen and (max-width:1024px){
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGreen {font-weight:normal;}
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGrey {font-weight:normal;}
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnRed {font-weight:normal;}
}
@media only screen and (max-width:768px){
  .NewCompactItemDetail .UpperSection .RightSection .FoyaltyPoints a {font-size:12px;}
  .NewCompactItemDetail .UpperSection .RightSection .FoyaltyPoints span.Points {font-size:16px;}
}
@media only screen and (max-width:480px){
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent {display:block; width:100%;}
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent .RowDelivery {display:block; width:100%; height:auto; padding:10px 0px;}
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent .CellListPrice {display:inline-block; width:32%;}
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent .CellOnlinePrice {display:inline-block; width:32%;}
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent .CellSave {display:inline-block; width:31%;}
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn {display:inline-block; padding:0px; width:100%; text-align:center;}
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn span {margin-top:10px; display:block;}
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGreen {margin-top:10px;}
  .NewCompactItemDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGrey {margin-top:10px;}
}

/* Checkout */
@media only screen and (max-width:1024px){
  .ContentBorderStd .IconAndRollover .RolloverInfo {left:inherit; right:30px;}
  .ContentBorderStd .IconAndRollover .RolloverInfo img {display:none;}
  .PromoCodeV3 .FormBorder {margin-top:0px;}
  .PromoCodeV3 .CodeCorrect .L {width:100%; float:none; margin-top:0px;}
  .PromoCodeV3 .CodeCorrect .R {width:100%; float:none; margin-top:0px;}
  .PromoCodeV3 .CodeCorrect .R .Code {width:100%; float:none; margin-top:10px;}
  .PromoCodeV3 .CodeCorrect .R .BtnRight {width:100%; float:none; margin-left:0px; margin-top:10px;}
  .PromoCodeV3 .CodeCorrect .R .BtnRight a {margin-left:0px;}
  .PromoCodeV3 .CodeToEnter .L {width:100%; float:none; margin-top:0px;}
  .PromoCodeV3 .CodeToEnter .R {width:100%; float:none; margin-top:0px;}
  .PromoCodeV3 .CodeToEnter .R input {width:100%; float:none; margin-top:10px;}
  .PromoCodeV3 .CodeToEnter .R .BtnRight {width:100%; float:none; margin-left:0px; margin-top:10px;}
  .PromoCodeV3 .CodeToEnter .R .BtnRight a {margin-left:0px;}
  .DeliveryOptionsV2 .FormBorder {margin-top:0px; width:100%;}
  .DeliveryOptionsV2 .FormBorder .LeftColumn {width:66%;}
  .DeliveryOptionsV2 .FormBorder .MediumColumn {width:4%;}
  .DeliveryOptionsV2 .FormBorder .RightColumn {width:30%;}
  .DeliveryOptionsV2 .FormBorder .LineSpacer3 {display:none; height:0px; font-size:0px; clear:both;}
  .DeliveryOptionsV2 * .DeliveryItem {width:98%; margin-bottom:20px; padding-bottom:20px; background-image:url(/Images/WhiteBulletHorizontal.png); background-position:bottom; background-repeat:repeat-x;}
  .DeliveryOptionsV2 * .DeliveryItem .ItemImage {width:72px; padding-right:15px; padding-bottom:15px;}
  .DeliveryOptionsV2 * .DeliveryItem .ItemImage img.Jacket3 {max-width:72px; max-height:108px;}
  .DeliveryOptionsV2 * .DeliveryItem .ItemDetails {width:auto; padding-right:0px; float:none; margin-left:87px;}
  .DeliveryOptionsV2 * .DeliveryItem .ItemDetails span.BookType {display:block; color:#0C2541; font-weight:normal;}
  .DeliveryOptionsV2 * .DeliveryItem .ItemDetails .FoyaltyPoints span {font-size:16px;}
  .DeliveryOptionsV2 * .GiftOptions .Label b {font-size:14px;}
  .DeliveryOptionsV2 * .DeliveryMethod .Label b {font-size:14px;}
  .PaymentLeftColumn {float:none; width:100%; margin-bottom:20px;}
  .PaymentRightColumn {float:none; width:100%; clear:both;}
  
  .FoyaltyPointsV2 {float:left; width:30.5%; margin-right:2%;}
  .FoyaltyPointsV2 .FormBorder {margin-top:0px;}
  .FoyaltyPointsV2 .PublicFormTable .LeftSection {min-height:43px;}
  .FoyaltyPointsV2 .IconAndRollover .RolloverInfo {left:inherit; right:30px;}
  .FoyaltyPointsV2 .IconAndRollover .RolloverInfo img {display:none;}
  .FoyaltyPointsV2 .BtnLeft {float:none;}
  .FoyaltyPointsV2 .BtnLeft a {width:100%; padding:0px;}
  
  .GiftCardV2 {float:left; width:30.5%; margin-right:2%;}
  .GiftCardV2 .FormBorder {margin-top:0px;}
  .GiftCardV2 .PublicFormTable .LeftSection {min-height:43px;}
  .GiftCardV2 .BtnLeft {float:none;}
  .GiftCardV2 .BtnLeft a {width:100%; padding:0px;}
  
  .BookTokenCardV2 {float:left; width:35%;}
  .BookTokenCardV2 .FormBorder {margin-top:0px;}
  .BookTokenCardV2 .PublicFormTable .LeftSection {min-height:43px;}
  .BookTokenCardV2 .BtnLeft {float:none;}
  .BookTokenCardV2 .BtnLeft a {width:100%; padding:0px;}
  
  
  .CardDetailsV2 {min-height:initial; margin-bottom:20px;}
  .CardDetailsCheckV2 {min-height:initial; margin-bottom:20px;}
  div.PaymentCardList .PaymentCardListHead {font-size:14px;}
  div.PaymentCardListCheck .PaymentCardListCheckHead {font-size:14px;}
  .OrderDetailsV2 tr { height:22px;}
  .OrderDetailsV2 td { height:22px;}
  .OrderDetailsV2 td.Totals {font-size:14px;}
  .OrderDetailsV2 td.MinorTotals {font-size:14px;}
  .OrderDetailsV2 td.DescV4 {font-size:14px;}
  .OrderDetailsV2 td.DescV5 {font-size:14px;}
  .OrderDetailsV2 td.Totals4 {font-size:14px;}
  .OrderDetailsV2 td.Totals5 {font-size:14px;}
}
@media only screen and (max-width:768px){
  .ContentBorderStd {height:auto; padding:15px;}
  .CheckoutAddress .Checkout3Column {width:100%; float:none;}
  .CheckoutAddress .Checkout3Column .ContentBorderStd {min-height:0px !important;} /* override the js heights*/
  .CheckoutAddress .LineSpacer3Column {display:none;}
  .CheckoutAddress .Checkout2Column {width:100%; float:none;}
  .CheckoutAddress .Checkout2Column .ContentBorderStd {min-height:0px !important;} /* override the js heights*/
  .CheckoutAddress .LineSpacer2Column {display:none;}
  .PromoCodeV3 .FormBorder {padding:15px;}
  .DeliveryOptionsV2 .FormBorder {display:block; width:100%;}
  .DeliveryOptionsV2 .FormBorder .LeftColumn {display:block; width:100%;}
  .DeliveryOptionsV2 .FormBorder .MediumColumn {display:none; width:100%; height:7px; margin:10px 0px; background-image: url(/Images/WhiteBulletHorizontal.png); background-position:inherit; background-repeat:repeat-x;}
  .DeliveryOptionsV2 .FormBorder .RightColumn {display:block; width:100%;}
  .DeliveryOptionsV2 * .GiftOptions .BtnRightColumn {width:195px;}
  .DeliveryOptionsV2 * .DeliveryMethod .BtnRightColumn {width:250px;}
  
  .DeliveryOptionsV2 * .DeliveryItem {width:100%; margin-right:0px;}
  
  .FoyaltyPointsV2 {float:none; width:100%;}
  .FoyaltyPointsV2 .FormBorder {padding:15px;}
  .FoyaltyPointsV2 .PublicFormTable .LeftSection {min-height:0px;}
  
  .GiftCardV2 {float:none; width:100%;}
  .GiftCardV2 .PublicFormTable .LeftSection {min-height:0px;}
  
  .BookTokenCardV2 {float:none; width:100%;}
  .BookTokenCardV2 .PublicFormTable .LeftSection {min-height:0px;}
  
  .CardDetailsV2 {padding:15px;}
  .CardDetailsV2 .CardListSelect {vertical-align:top; padding-top:5px;}
  .CardDetailsV2 .PaymentCardListNoPayment .NoCardMessage {margin-top:0px;}
  .CardDetailsCheckV2 {padding:15px;}
  .CardDetailsCheckV2 .CardListSelect {vertical-align:top; padding-top:5px;}
  .CardDetailsCheckV2 .PaymentCardListNoPayment .NoCardMessage {margin-top:0px;}
  div.PaymentCardList {background:url(/Images/WhiteBulletHorizontal.png) bottom repeat-x; padding-bottom:10px; margin-bottom:10px;}
  div.PaymentCardList .PaymentCardListHead {display:none;}
  div.PaymentCardList .PaymentCardListContent {display:block;}
  div.PaymentCardList .PaymentCardListContent .PaymentCardListHeadRow {display:block;}
  div.PaymentCardList .Col1 {width:100%; padding-right:0%; padding-bottom:10px; display:block; vertical-align:top;}
  div.PaymentCardList .Col2 {width:100%; padding-right:0%; padding-bottom:10px; display:block; vertical-align:top;}
  div.PaymentCardList .Col3 {width:100%; padding-bottom:10px; display:block; vertical-align:top;}
  div.PaymentCardList .Col4 {width:100%; padding-bottom:10px; display:block; vertical-align:top;}
  div.PaymentCardList .Col5 {width:100%; padding-bottom:10px; display:block; vertical-align:top;}
  div.PaymentCardList .Col6 {width:100%; padding-bottom:10px; display:block; vertical-align:top;}
  div.PaymentCardList .Col6 a {padding:0px; width:185px;}
  
  div.PaymentCardListCheck {}
  div.PaymentCardListCheck .PaymentCardListCheckHead {display:none;}
  div.PaymentCardListCheck .PaymentCardListCheckContent {display:block;}
  div.PaymentCardListCheck .PaymentCardListCheckContent .PaymentCardListCheckHeadRow {display:block;}
  div.PaymentCardListCheck .Col1 {width:100%; padding-right:0%; padding-bottom:10px; display:block; vertical-align:top;}
  div.PaymentCardListCheck .Col2 {width:100%; padding-right:0%; padding-bottom:10px; display:block; vertical-align:top;}
  div.PaymentCardListCheck .Col3 {width:100%; padding-bottom:10px; display:block; vertical-align:top;}
  div.PaymentCardListCheck .Col4 {width:100%; padding-bottom:10px; display:block; vertical-align:top;}
  
  .OrderDetailsV2 {display:block; width:100%;}
  .OrderDetailsV2 .OrderDetailsLeft {display:block; width:100%;}
  .OrderDetailsV2 .OrderDetailsMiddle {display:block; width:100%; height:30px; background:url(/Images/BulletHorizontal.png) repeat-x center;}
  .OrderDetailsV2 .OrderDetailsRight {display:block; width:100%;}
  .OrderDetailsV2 .OrderDetailsContent {min-height:0px; margin-bottom:10px;}
  
  .DeliveryOptionsV2 * .DeliveryItem .ItemDetails .SameDay .RolloverInfo {left:auto; right:56px;}
  .DeliveryOptionsV2 * .DeliveryItem .ItemDetails .SameDay .RolloverInfo img.Left {display:none;}
  .DeliveryOptionsV2 * .DeliveryItem .ItemDetails .SameDay .RolloverInfo img.Right {display:block;}

  .DeliveryOptionsV2 * .DeliveryItem .ItemDetails .NotSameDay .RolloverInfo {left:auto; right:56px;}
  .DeliveryOptionsV2 * .DeliveryItem .ItemDetails .NotSameDay .RolloverInfo img.Left {display:none;}
  .DeliveryOptionsV2 * .DeliveryItem .ItemDetails .NotSameDay .RolloverInfo img.Right {display:block;}
}
@media only screen and (max-width:600px){
  .DeliveryOptionsV2 * .DeliveryItem .ItemDetails .BtnGrey {padding:0px; margin-left:-88px; margin-top:20px; width:auto; clear:both;}
  .DeliveryOptionsV2 * .GiftOptions .BtnRightColumn {width:100%;}
  .DeliveryOptionsV2 * .DeliveryMethod .BtnRightColumn {width:100%;}
  div.PaymentCardList .Col6 {width:auto; margin-left:-25px;}
  div.PaymentCardList .Col6 a {padding:0px; width:auto;}
  .CardDetailsV2 .PaymentCardListNoPayment .NoCardMessage {float:none;}
  .CardDetailsV2 .PaymentCardListNoPayment .BtnGrey {float:none; margin-top:15px; margin-left:-25px;}
  .CheckoutButtons a {width:auto; float:none; margin-left:0px;}
}
@media only screen and (max-width:480px){
}

/* PopUp */
@media only screen and (max-width:1024px){
  .PopupTitle {font-size:20px;}
  .PublicFormTableInPopup .Col1 {font-size:16px;}
  .PublicFormTableInPopup label.LabelMethod b {font-size:14px;}
  div.ChangeCheckoutItem div.TLeft {}
  div.ChangeCheckoutItem div.TLeft img {}
  div.ChangeCheckoutItem div.TTopRight .QtyBox {margin:5px 0px;}
  div.ChangeCheckoutItem div.TTopRight .QtyBox .QuantityInput {width:30px; height:20px; font-size:14px;}
  .CardsSubTitle {font-size:20px;}
  div.FGCardsList .FGCardsListTableHeader {font-size:14px;}
  div.FGCardsList .FGCardsListTableContent {font-size:12px; height:35px;}
  div.PaymentCardListLightbox .PaymentCardListLightboxTableHeader {font-size:14px;}
  div.PaymentCardListLightbox .PaymentCardListLightboxTableContent {height:35px;}
}
@media only screen and (max-width:600px){
  .PublicFormTableInPopup .BtnLeft {float:none; margin-bottom:10px;}
  .PublicFormTableInPopup .BtnRight {float:none; width:100%; margin-bottom:10px;}
  .PublicFormTableInPopup input.BtnGreen {width:100%;}
  .PublicFormTableInPopup input.BtnGrey {width:100%;}
  
  .PopupBtnValid {float:none; width:100%;}
  .PopupBtnValid input {width:100%;}
  .PopupBtnValid a {width:100%;}
  .PopupBtnSave {float:none; margin-bottom:10px;}
  .PopupBtnSave input {width:100%;}
  .PopupBtnBack {float:none;}
  .PopupBtnBack input {width:100%;}
  div.ChangeCheckoutItem .BtnLeft {float:none; margin-bottom:10px;}
  div.ChangeCheckoutItem .BtnRight {float:none; margin-bottom:10px;}
  div.ChangeCheckoutItem input.BtnGrey {width:100%; padding:0px 10px;}
  div.ChangeCheckoutItem input.BtnGreen {width:100%; padding:0px 10px;}
  div.AddNewCard .LabelC {float:none;}
  div.AddNewCard .InputC {float:none;}
  div.AddNewCard .BlackButton2 {clear:both; margin-top:10px; margin-left:0px; width:100%;}
  div.AddNewCard .BlackButton2 .BtnGrey {width:100%;}
}
@media only screen and (max-width:480px){
  .PublicFormTableInPopup .Col1 {float:none; width:100%; padding:7px 0px 0px 0px;}
  .PublicFormTableInPopup .Col2 {float:none; width:100%;}
  .PublicFormTableInPopup .Space {margin:18px 0px 8px 0px;}
  .PopupContentLayer {top:10px; margin:0px 8px; width:auto;}
  .AddressSelection .AddressItem {display:block; width:100%;}
  .AddressSelection .Col1 {display:block; width:100%;}
  .AddressSelection .Col2 {display:block; width:100%;}
  .AddressSelection .Col2 .Btn {float:none;}
  .AddressSelection .Col2 .Btn .BtnGrey {width:100%;}
  
  div.FGCardsList .FGCardsListTableHeader {display:none;}
  div.FGCardsList .FGCardsListTableContent {display:block; height:auto;}
  div.FGCardsList .FGCardsListTableContent .FGCardsListRow {display:inline-block;}
  div.FGCardsList .FGCardsListTableContent .RadioAndLabel .FGCardsListRow {padding-left:0px;}
  div.FGCardsList .Col1 {display:block; width:100%; padding-bottom:10px;}
  div.FGCardsList .Col2 {display:block; width:100%; padding-bottom:10px;}
  div.FGCardsList .Col3 {display:block; width:100%; padding-bottom:10px;}
  div.FGCardsList .Col4 {display:block; width:100%; padding-bottom:10px;}
  
  div.PaymentCardListLightbox .PaymentCardListLightboxTableHeader {display:none;}
  div.PaymentCardListLightbox .PaymentCardListLightboxTableContent {display:block; height:auto;}
  div.PaymentCardListLightbox .PaymentCardListLightboxTableContent .PaymentCardListLightboxRow {display:inline-block;}
  div.PaymentCardListLightbox .PaymentCardListLightboxTableContent .RadioAndLabel .PaymentCardListLightboxRow {padding-left:0px;}
  div.PaymentCardListLightbox .Col1 {display:block; width:100%; padding-bottom:10px;}
  div.PaymentCardListLightbox .Col2 {display:block; width:100%; padding-bottom:10px;}
  div.PaymentCardListLightbox .Col3 {display:block; width:100%; padding-bottom:10px;}
  div.PaymentCardListLightbox .Col4 {display:block; width:100%; padding-bottom:10px;}
  div.PaymentCardListLightbox .Col5 {display:block; width:100%; padding-bottom:10px;}
}

@media only screen and (max-width:390px){
  div.ChangeCheckoutItem div.TTopRight {float:left;}
}

/* CMS Page */
@media only screen and (max-width:1024px){
  .CmsTextPage {}
  h1.TitleBar {font-size:28px;}
  h1.TitleBar strong {font-size:28px;}
  h2.TitleBar {font-size:20px;}
  h2.TitleBar strong {font-size:20px;}
}


/* CheckOut */
@media only screen and (max-width:1024px){
  #CheckOut .Item .InfoCustom {width:340px;}
  #CheckOut .Item .InfoCustom .BlockCustom .TableCustom .Quantity .EditBox {height:25px;}
}
@media only screen and (max-width:768px){
  #CheckOut .Item {display:block;}
  #CheckOut .Item .InfoMedia {width:100%; display:block; padding-right:0px; clear:both;}
  #CheckOut .Item .InfoCustom {width:100%; display:block; margin-top:10px; margin-bottom:0px; clear:both;}
  #CheckOut .Item .InfoCustom .BlockCustom {padding:20px 15px 15px 15px;}
  #CheckOut .Item .InfoCustom .BlockCustom .LeftWhiteArrow {display:none;}
  #CheckOut .Item .InfoCustom .BlockCustom .TopWhiteArrow {display:block; left:20px; margin-left:auto; margin-top:-25px;}

  #CheckOut .OverAllUl .DescV1  {font-size:12px; height:22px;}
  #CheckOut .OverAllUl .DescV4  {font-size:14px; height:22px;}
  #CheckOut .OverAllUl .DescV5  {font-size:12px; height:22px;}
  #CheckOut .OverAllUl .Totals  {font-size:14px; height:22px;}
  #CheckOut .OverAllUl .Totals4 {font-size:14px; height:22px;}
}

/* Error Pages */
@media only screen and (max-width:1024px){
  .FatalError .MainInner {margin-top:0px;}
  .Section500 .ColLeft  {vertical-align:middle;}
  .Section500 .MainTitle {margin-top:0px;}
}

@media only screen and (max-width:900px){
  .Section404 {width:100%;}
}

@media only screen and (max-width:750px){
  .Section500 .ColRight {display:none;}
}

@media only screen and (max-width:650px){
  .Section404 {display:block;}
  .Section404 .ColLeft  {display:block; width:100%; padding-right:0px;}
  .Section404 .ColLeft img {width:50%;}
  .Section404 .ColRight {display:none;}
  
  .SearchOn404 .FieldBG input {font-size:22px;}
}

@media only screen and (max-width:500px){
  .Section404 .ColLeft img {width:75%;}
}

@media only screen and (max-width:940px){
  .SectionItemNotFound .ColLeft img {width:93%;}
}

@media only screen and (max-width:820px){
 .SectionItemNotFound .ColRight {width:43%;}
}

@media only screen and (max-width:700px){
  .SectionItemNotFound .ColLeft {display:none;}
  .SectionItemNotFound .ColRight  {display:block; width:100%;}
  .SectionItemNotFound .ColRight img {width:50%;}
  .SectionItemNotFound .ColRight .Wider  {width:100%; left:0%;}
  .SectionItemNotFound .ColRight .Larger2 {margin-bottom:20px;}
}

@media only screen and (max-width:500px){
  .SectionItemNotFound .ColRight img {width:75%;}
}


/* Landing pages ------------- */
@media only screen and (max-width:1060px){
  .LandingPageContent .FullWidthSection .Wrapper .BottomFix {display:none;}
  .LandingPageContent .ImageItem .ImageLink {width:80px;}
  .LandingPageContent .ImageItem .ImageLink img {width:80px;}
}
@media only screen and (max-width:850px){
  .LandingPageContent .HalfWidthSection {width:100%; float:none;}
  .LandingPageContent .HalfWidthSection h2 {width:100%;}
  .LandingPageContent .FullWidthSection h2 {width:100%;}
  .LandingPageContent .FullWidthSection .Wrapper .BottomFix {display:table-row; width:100%;}
  .LandingPageContent .ImageItem .ImageLink {width:120px;}
  .LandingPageContent .ImageItem .ImageLink img {width:120px;}
  .LandingPageContent .FullWidthSection .ImageItem {width:30%; padding-left:1.5%; padding-right:1.5%;}
}
@media only screen and (max-width:550px){
  .LandingPageContent .ImageItem .ImageLink {width:92%;}
  .LandingPageContent .ImageItem .ImageLink img {width:92%;}
  .LandingPageContent .ImageItem .CaptionLink {font-size:14px;}  
}

@media only screen and (max-width:400px){
  .LandingPageContent .ImageItem .CaptionLink {font-size:13px;}  
}

/**/
@media only screen and (max-width:550px) {
  .MainTitleUpdate1 .SlideBarMainTitle2 {display:none;}
  .MainTitleUpdate1 .SlideBarMainTitle {display:block;}
  .MainTitleUpdate1 .LSection {float:none;}
  .MainTitleUpdate1 .Pagination {float:none;}
}

@media only screen and (max-width:360px) {
  p img.ImgRight, p img.ImgRight {width:100%; height:auto !important; margin-bottom:10px; float:none; margin-left:auto; margin-right:auto;}
}  

@media only screen and (max-width:400px) {
  .EventItem .Jacket.Big img {width:90px;}
}
  
@media only screen and (max-width:600px) {
  .ThreeColCMSTable {display:block;}
  .ThreeColCMSTable .Column {display:block; width:100%; padding-left:0px; padding-right:0px;}
}

@media only screen and (max-width:500px) {
  .TwoColCMSTableVariable {display:block;}
  .TwoColCMSTableVariable .Column1, .TwoColCMSTableVariable .Column2 {display:block; width:100%; padding-left:0px; padding-right:0px; width:100%;}
}

@media only screen and (max-width:600px) {
  .FourColCMSTable .Column1 {width:47%; margin-right:3%;}
  .FourColCMSTable .Column2 {width:47%; margin-right:3%;}
  .FourColCMSTable .Column3 {width:47%; margin-right:3%;}
  .FourColCMSTable .Column4 {width:47%; margin-right:3%;}
}

@media only screen and (max-width:700px) {
  .MainCenter .EventItem td.JacketWrap {width:95px;}
}

@media only screen and (max-width:480px) {
  .ProductSynopsis {display:block;}
  .NewItemWithDescriptionDetail .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnRed {margin:10px 10px 0px 10px;}
}


/* Other general */
@media only screen and (max-width:1030px) {
  .BoxDCC {width:100%;}
}

@media only screen and (max-width:1024px) {
  .RootMenuP, .SearchByCategoryP {top:121px}
  .BasketInTheSearchBar {top:121px;}
}

@media only screen and (max-width:920px) {
  .MainHeader .MainFirstMenu td {font-size:15px;}
}
@media only screen and (max-width:800px) {
  .RootMenuP, .SearchByCategoryP {top:71px;}
  .BasketInTheSearchBar {top:71px;}
}

@media only screen and (max-width:870px) {
  .ItemDetailPage .UpperSection .LeftSection {width:170px }
  .BoxDCC .ColLeft {width:50%;}
  .BoxDCC .ColRight {width:50%;}
}
@media only screen and (max-width:640px) {
  .RootMenuP, .SearchByCategoryP {top:69px}
}

@media only screen and (max-width:615px) {
  .ItemDetailPage .UpperSection .RightSection .DynamicDelivery .OptionalBreak {display:inline;}
}
@media only screen and (max-width:600px) {
  .ItemDetailPage .UpperSection .RightSection {padding-left:15px;}
  .BottomPopup .ContentHolder {margin-bottom:0px;} 
}
@media only screen and (max-width:580px) {
  .BoxDCC {display:block;}
  .BoxDCC .ColLeft {display:block; width:100%;}
  .BoxDCC .ColRight {display:block; width:100%;}
  .BoxDCC .BtnGreen, .BoxDCC .BtnGrey {margin-top:10px;}
  .BoxDCC .NotAvailableMessage {height:20px;}
}

@media only screen and (max-width:550px) {
  .MainCenter .EventItem td.ColImage {width:100px;}
  #ScrollCue .Text  {display:none;}
  #ScrollCue {margin-left:-40px; width:80px; height:80px; bottom:-45px; }
  #ScrollCue .Icon {top:8px;}
}

@media only screen and (max-width:450px) {
  .ItemDetailPage .UpperSection .LeftSection {width:120px }
}

@media only screen and (max-width:380px) {
  .ItemDetailPage .UpperSection .LeftSection {display:block; width:auto; margin-bottom:10px;}
  .ItemDetailPage .UpperSection .RightSection {display:block; width:auto;}
  .ItemDetailPage .UpperSection .RightSection {padding-left:0px;}
}


/* Balance History */
@media only screen and (max-width:1024px){
  .BalanceHistory                               {padding:10px 25px;}
  .BalanceHistory .Table                        {display:block;}
  .BalanceHistory .Table .TopRow                {display:none;} 
  .BalanceHistory .Table .Row                   {display:block; background:url(/Images/WhiteBulletHorizontal.png) bottom repeat-x; padding:15px 0px;} 
  .BalanceHistory .Table .Row .Cell             {display:block; font-size:12px; background:none; text-align:left; padding:5px 0px;}
  .BalanceHistory .Table .Row .Cell span        {display:inline-block; font-size:14px;}
}


/* venue hire page - BEGIN */
@media only screen and (max-width:1100px) {
  .Level6Style {min-height:190px;}
  .Level6Style.Cabaret, .Level6Style.Banquet  {min-height:260px;}
}

@media only screen and (max-width:900px) {
  .Level6Style {}
  .Level6Style.Cabaret, .Level6Style.Banquet  {min-height:250px;}

}

@media only screen and (max-width:820px) {
  .Level6Style {margin-bottom:5%;}
  .Level6Style .Title {margin-bottom:7px;}
  .Level6Style .Capacity {margin-bottom:11px;}
  .Level6Style.Cabaret, .Level6Style.Banquet  {min-height:220px;}
}

@media only screen and (max-width:750px) {
  .Level6Style {min-height:170px; margin-bottom:4%; padding-top:10px; padding-bottom:10px;}
  .Level6Style.Cabaret, .Level6Style.Banquet  {min-height:200px;}
}

@media only screen and (max-width:700px) {
  .TwoColEqualResp {display:block;}
  .TwoColEqualResp .Col1 {width:100%; padding-right:0px; display:block;}
  .TwoColEqualResp .Col2 {width:100%; padding-left:0px; display:block;}
  .ImgFullWidth {margin-bottom:6px;}
  .TwoColEqualResp .Col1 iframe {height:390px;}

  .Level6Style {min-height:230px;}
  .Level6Style.Cabaret, .Level6Style.Banquet  {min-height:300px;}

  .VenueHireColIndicator {width:1px;}
}

@media only screen and (max-width:580px) {
  .TwoColEqualResp .Col1 iframe {height:320px;}
  .Level6Style {min-height:210px;}
  .Level6Style.Cabaret, .Level6Style.Banquet  {min-height:280px;}
}

@media only screen and (max-width:520px) {
  .TwoColEqualResp .Col1 iframe {height:280px;}
  
  .Level6Style {min-height:180px;}
  .Level6Style.Cabaret, .Level6Style.Banquet  {min-height:235px;}
}

@media only screen and (max-width:420px) {
  .TwoColEqualResp .Col1 iframe {height:240px;}
}

@media only screen and (max-width:360px) {
  .TwoColEqualResp .Col1 iframe {height:200px;}
  .Level6Style.Cabaret, .Level6Style.Banquet  {min-height:220px;}
}

/* venue hire page - END */


/* New search results */
@media only screen and (max-width:1100px) {
  .NewSR .NewRight .ResultsList {display:block;}
  .NewSRItem {width:100%; box-sizing:border-box; background-image:url(/Images/BulletHorizontal.png); background-position:left bottom; background-repeat:repeat-x;}
  .NewSRItem:nth-child(2n) {padding-left:0px;}
  .NewSRItem .PurchaseTable {width:100%;}
  .NewSRItem:nth-child(2n) .PurchaseTable {width:100%;}
}
@media only screen and (max-width:920px) {
  .BreadcrumbNewSR {font-size:14px;}
  .NewSR .NewLeft .DesectionHeader {font-size:20px;}
  .NewSR .NewLeft .HeaderA {font-size:20px;}
  .NewSR .ShowingLine .ShowingText {font-size:20px;}
  .PaginationV2 ul li {font-size:16px;}
}

@media only screen and (max-width:800px) {
  .NewSR .Config .ConfigNewLine {display:block; height:10px;}
  .NewSR .Config select.DD.NewRSPageSize {margin-right:0px;}
  .NewSR .Config span.DDLabel {float:left; width:130px;}
  #AutocompleteResults {width:calc(100% - 0px);}

}

@media only screen and (max-width:750px) {
  /* hide left facet panel */
 .NewSR .NewLeft  {display:none !important;}
 .NewSR .NewRight {padding-left:0px;}

}

@media only screen and (max-width:600px) {
  .NewSR .ShowingLine {margin-bottom:35px;}
  .NewSR .ShowingLine .PaginationV2 {float:none; position:absolute; bottom:-35px; right:0px;}
}

@media only screen and (max-width:550px) {
  .NewSR .Config span.DDLabel {display:block; float:none; width:auto; margin-bottom:5px;}
  .NewSR .Config select.DD {width:100%;}

}

@media only screen and (max-width:480px) {
  #AutocompleteResults {top:39px;}
  
  .NewSRItem {padding-bottom:180px;}
  .NewSRItem .PurchaseTable .PurchaseTableContent {display:block; width:100%;}
  .NewSRItem .PurchaseTable .PurchaseTableContent .RowDelivery {display:block; width:100%; height:auto; padding:10px 0px;}
  .NewSRItem .PurchaseTable .PurchaseTableContent .RowClickCollect {display:block; width:100%; height:auto; padding:10px 0px;}
  .NewSRItem .PurchaseTable .PurchaseTableContent .RowNewUsed {display:block; width:100%; height:auto; padding:10px 0px;}
  .NewSRItem .PurchaseTable .PurchaseTableContent .CellOrderOptions {display:inline-block; width:43%;}
  .NewSRItem .PurchaseTable .PurchaseTableContent .CellOrderOptions a {font-size:13px;}
  .NewSRItem .PurchaseTable .PurchaseTableContent .CellListPrice {display:inline-block; width:16%;}
  .NewSRItem .PurchaseTable .PurchaseTableContent .CellOnlinePrice {display:inline-block; width:16%;}
  .NewSRItem .PurchaseTable .PurchaseTableContent .CellSave {display:inline-block; width:14%;}
  .NewSRItem .PurchaseTable .PurchaseTableContent .CellAvailability {display:inline-block; width:8%;}
  .NewSRItem .PurchaseTable .PurchaseTableContent .CellTurnOn {display:inline-block; width:100%; text-align:center;}
  .NewSRItem .PurchaseTable .PurchaseTableContent .CellTurnOn span {margin-top:10px; display:block;}
  .NewSRItem .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGreen {margin-top:10px;}
  .NewSRItem .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnRed {margin-top:10px;}
  .NewSRItem .PurchaseTable .PurchaseTableContent .CellTurnOn a.BtnGrey {margin-top:10px;}
}

@media only screen and (max-width:380px) {
    .PaginationV2 ul li {font-size:15px;}
    .PaginationV2 ul li.ColCentre .PageNumber a {padding-left:7px; padding-right:7px;}
}
/* New search results - END */






/* Click and Collect */
@media only screen and (max-width:1024px){
  .ClickAndCollect .NewHorizontalItemDetail .UpperSection .LeftSection                          {width:220px;}
  .ClickAndCollect .NewHorizontalItemDetail .UpperSection .LeftSection .BookCover               {width:220px;}
  .ClickAndCollect .NewHorizontalItemDetail .UpperSection .LeftSection .BookCover img           {width:220px;}

  .WrapperChooseStore                                                                           {display:block; width:100%;}
  .WrapperChooseStore .ItemChooseStore                                                          {width:100%; padding:0px 0px 20px 0px;}

  .FormChooseStore                                                                              {max-width:none;}

  .ThanksChooseStore                                                                            {max-width:none;}

  .FormChooseStore .FormBox                                                                     {width:100%; float:none;}
  .FormChooseStore .FormBoxSpacer                                                               {display:none;}

}
@media only screen and (max-width:768px){
  .ClickAndCollect .NewHorizontalItemDetail .UpperSection                                       {display:block;}
  .ClickAndCollect .NewHorizontalItemDetail .UpperSection .LeftSection                          {display:block; width:100%; padding-right:0px;}
  .ClickAndCollect .NewHorizontalItemDetail .UpperSection .LeftSection .BookCover               {text-align:center; width:100%;}
  .ClickAndCollect .NewHorizontalItemDetail .UpperSection .LeftSection .BookCover .Jacket       {display:inline-block; margin:0px;}
  .ClickAndCollect .NewHorizontalItemDetail .UpperSection .LeftSection .BookCover img           {width:180px;}
  .ClickAndCollect .NewHorizontalItemDetail .UpperSection .RightSection                         {display:block; width:100%; padding-top:20px;}
}
@media only screen and (max-width:480px){
  .ClickAndCollect .NewHorizontalItemDetail .UpperSection .LeftSection .BookCover img           {width:140px;}

  .WrapperChooseStore .ItemChooseStore .BlockChooseStore                                        {display:block;}
  .WrapperChooseStore .ItemChooseStore .BlockChooseStore .LeftChooseStore                       {display:block; padding:0px 0px 15px 0px;}
  .WrapperChooseStore .ItemChooseStore .BlockChooseStore .RightChooseStore                      {display:block; width:100%;}

  .FormChooseStore .Buttons .BtnOne                                                             {width:100%; float:none;}
  .FormChooseStore .Buttons .BtnTwo                                                             {width:100%; float:none; margin-top:10px;}

  .ThanksChooseStore .Buttons .BtnOne                                                           {width:100%; float:none;}
  .ThanksChooseStore .Buttons .BtnTwo                                                           {width:100%; float:none; margin-top:10px;}
}