/* colour theme:   blue-text:  #01a7fd; bright blue(highlight): #0066e4   0072ff    button light grey: #f3f3f3   button darker grey: #e0e0e0 */
/* color defined in main css :  :root {   --bcolor: #01a7fd; } */


.user_title {
    font-size: 1.3rem;  font-weight: bold; color: #777; 	background-color: var(--btnbgnd); 
	margin-top: 2px; margin-bottom: 2px;  margin-bottom: 15px;  padding: 10px 15px;
    border-left: 5px solid var(--bcolor);     border-radius: 3px;     box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
    display: inline-block;  box-sizing: border-box;     width: auto;  	min-width: 375px;
}

@media (max-width: 768px) 
{
.main_content_wrapper { padding-top: 65px;}
}

.country-flag {
    width: 28px;
    height: 20px;
    background-size: cover;
    background-position: center;
    border-radius: 6px; /* Rounded corners */
    border: 1px solid #ccc; /* Optional subtle border */
    display: inline-block;
}



/* product/shopping CSS */

.add-to-cart-container { display: flex; flex-direction: column; align-items: center; padding: 5px; }
.qty-selector { display: flex; align-items: center; gap: 5px; }
.qty-btn { cursor: pointer; border: none; background: transparent; padding: 5px; }
.qty-input { width: 44px; height: 20px; text-align: center; font-size: 14px; font-weight: bold; border: none; }
.add-to-basket-btn { padding: 4px 10px; font-size: 14px; font-weight: bold; border: 1px solid #69686e; background: #dddddd; cursor: pointer; }
.add-to-basket-btn:hover { background: #78b6d5; color: #006ea6; }


/* search box and search results containers */

#search_main {display: inline-block; }
#search_results_short { display:none; padding: 10px; position: relative; min-height:100%;  width: 100%; background-color: #eeeeee; border: 1px solid #eeeeee; z-index: 5; min-width: 200px;  white-space: nowrap; }
#search_results_container { display: none; position: absolute; z-index: 5; width: calc(100% - 22px); max-width: calc(100vw - 22px); min-height: calc(100vh - 140px); }
#search_wrapper { display: flex; align-items: center; border: none; padding: 4px 6px; border: 1px solid #cccccc; background: #ffffff; max-width: 75vw; }
/*#search_wrapper { width: 100%;  display: inline-flex; vertical-align: middle; }*/

#searchbox { border: none; outline: none; background: transparent; min-width: 325px; font-size: 1.4rem;  width: 90%; font-family: 'Open Sans', Arial, sans-serif; }
#searchbox:focus { border: none; outline: none;  } 
/* header bar update Jan 25 */

.header-container { display: flex; align-items: center; justify-content: space-between; padding: 5px 4px 4px 4px;  width: 100%; background: transparent; }
.logo-container { flex: 0 0 auto; padding: 2px; }
.search-container { flex: 1 1 auto; display: flex; justify-content: center; align-items: center; min-width: 200px; padding-right:10px; }

.login-container { flex: 1 1 auto; padding-right: 10px; }


#balogo {width: 100%; max-width:227px; height:auto; min-width: 125px;}


@media (max-width: 768px) { 
	#login_cell { display: none; } 
    .search-container { max-width: 100%; padding-right: 12px;} /* Prevents search bar from extending too far */
     #balogo { width: 60%; max-width: 140px; height: auto; }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 380px) and (max-width: 380px) and (orientation : portrait) /*phones only*/
	{
	#balogo {max-width: 120px;}
	#logocell {max-width: 120px; padding-bottom: 4px;}
	}

@media (max-width: 500px) { 
    #searchbox:focus { width: 99vw; max-width: 99vw; transition: width 0.3s ease-in-out; } /* Expands to full width */
    #balogo.hide-on-focus { display: none; } /* Hides logo when class is applied */
}



/* content styling for common areas  such as help, FAQs, etc*/

.std_content {	padding: 20px 25px;  } /* for account login area - bigger padding - no left hand menu */
.help_content {	padding: 10px 15px;  max-width: 700px;  margin-right: auto; line-height: 1.6;  }
.faq_question p {   font-weight: bold;   color: var(--bcolor);    margin-bottom: 10px; margin-top: 5px;}
.faq_answer p {     margin-bottom: 10px; }

.sub_heading_2 {  font-size: 1.2rem;  font-weight: 500;  color: #666;  padding: 8px 0;   margin-bottom: 10px;  border-bottom: 2px solid var(--bcolor);  display: block; max-width: 700px;   margin-left: 5;   margin-right: auto; }

.sub_heading_22 {  margin-top: 25px; font-weight: 500;  color: #666;  padding: 8px 0;   margin-bottom: 10px;  border-bottom: 2px solid var(--bcolor);  display: block; 	max-width: 700px;    margin-left: 5;   margin-right: auto;   border-top: 2px solid var(--bcolor); }


@media screen and (max-width: 500px) 
{
    .sub_heading_2 {         max-width: 100%;         padding: 8px 10px;      }
	.user_title {  width: 100%; max-width: 100%; min-width: 0; padding: 10px 5px;  border-left: 3px solid var(--bcolor); }
	.std_content {	padding: 4px 4px;  }
}	


#alt_select {display: none; }

.front_image {width: 26px; height: auto; }
 
.head_menu a{font-size: 14px; font-family: arial,sans serif; display: flex;  align-items: center; vertical-align: middle; padding: 3px 0px; } 
a.head_menu:link  {color:#333333; display: flex; vertical-align: middle;}
a.head_menu:visited {color:#333333; display: flex; vertical-align: middle;}
a.head_menu:hover { color: var(--bcolor); display: flex; vertical-align: middle; }  
.head_menu_item { vertical-align: middle;  padding: 0px 5px 0px 5px; margin: 0px; display: flex; border-left: 1px solid transparent;  align-items: center; } /* border-left: 1px solid transparent; */
 /* -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px; -webkit-border-top-left-radius: 9px; -moz-border-radius-topleft: 9px; */
.head_menu_item_b { vertical-align: middle; padding: 0px 5px 0px 5px;margin: 0px; display: flex;  border-left: 1px solid transparent;  align-items: center;  }
.head_menu_item_b:hover { background-color: rgba(240,240,255,0.95); border-left: 1px solid rgba(240,240,255,0.95); }
	
.head_menu_item:hover { background-color: rgba(240,240,255,0.95); border-left: 1px solid rgba(240,240,255,0.95); }

.head_menu_item_hidden { display: none; vertical-align: middle; float: left; padding: 0px 5px 0px 5px; margin: 0px; border-left: 1px solid transparent; align-items: center; }
.head_menu_item_hidden:hover { background-color: rgba(240,240,255,0.95);  }

#prodcellwrap { display: flex; flex-direction:row; }
#deliverybottom { display: flex; flex-direction:row;  }
#footerbottom { display: flex; flex-direction:row;  }
#product_images {float: center; width: 50%;}
#product_summary {float: center; width: 50%; min-width: 315px; margin-right: auto; vertical-align: top; min-height: 250px; }
#how_to_find_us { display: flex; flex-direction:row; flex-grow: 1; }
#weee_info { display: flex; flex-direction:row; flex-grow: 1; }
#company_info { font-family: 'Roboto', sans-serif; color:#69686e; flex-grow: 1; text-align: center; }


/*#searchbox {  outline: none; min-width: 325px; font-size: 1.4rem;  width: 90%; font-weight: normal;}*/




#filedragtt.hover{ background: #ffff00; color: #ff0000;}

.topbar_container {   display: flex;  flex-wrap: wrap; width: 100%;}

.topbar_item { min-width: 38%; max-width: 45%; padding: 6px; display: flex; align-items: center;}
.menu_text { font-family: Roboto; font-weight: 400; padding-left: 5px; }


@media (max-width: 768px) 
{
  .topbar_item {     width: 100%;   }
  .topbar_item:nth-child(4) {    order: 3;  }
}

.data_item { display: inline-block;  vertical-align: middle; line-height: px; min-height: ; margin:1px 2px; background: var(--btnbgnd); border-radius: 6px; padding: 1px 3px;color: #666666; }

.data_item2 { display: inline-block;  vertical-align: middle; line-height: px; min-height: ; margin:1px 2px; background: #80d4ff; border-radius: 6px; padding: 1px 3px;color: #ffffff; }

	.product-grid {     display: grid;     grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));     gap: 20px;     padding: 20px; }
	
	.product-item { display: flex; flex-direction: column; align-items: center; text-align: center; background-color: #ffffff; border: 1px solid #dddddd;  padding: 7px 5px 12px 5px;  text-align: center;  box-sizing: border-box;  }
	.product-title { text-align: center;  padding: 2px; font-size: 1.1rem; font-family: 'Roboto', Arial, sans serif; color: black; white-space: normal;
 overflow: hidden; height: 44px; font-weight:400; }
 	.product-title_long { text-align: center;  padding: 2px; font-size: 1.1rem; font-family: 'Open Sans', Arial, sans serif; color: black; white-space: normal;
 overflow: hidden; height: 44px; }
	 .product-info { display: flex; justify-content: space-between; width: 97%; align-items: center; t padding: 2px; font-size: 1.1rem; font-family: 'Open Sans', Arial, sans serif; color: black; white-space: normal;  overflow: hidden; }
 
	.product-item:hover { border: 1px solid var(--bcolor);}
  
	.product-stock { text-align: center;  font-weight: bold; padding: 2px 3px; font-family: 'Open Sans', Arial, sans serif; color: black; white-space: normal; overflow: hidden; height: 18px; display: inline-flex; vertical-align:middle; }
	.product-price { text-align: center; font-size: 1.3rem; font-weight: bold; padding: 2px 3px; font-family: 'Open Sans', Arial, sans serif; color: black; white-space: normal; overflow: hidden; height: 22px; display: inline-flex; vertical-align:middle;}

	.search_result_sq_img { text-align: center; vertical-align: middle; padding: 3px; width: 125px; height: 125px; display: block;  margin: 0 auto;}
	
	
	/* Media query for larger screens */
	@media screen and (min-width: 768px) 
	{
		.product-grid {  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
	}

	/* Media query for even larger screens */
	@media screen and (min-width: 1200px) 
	{
		.product-grid {  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));   }
	}
	
	@media only screen and (min-width: 100px) and (max-width: 399px) /* phones in portrait */
	{
	.search_result_xx_img { text-align: center; vertical-align: middle; padding: 3px; width: 150px; height: 150px; }
	}


@media only screen and (min-width: 600px) and (max-width: 942px)
	{	
		#search_main { float: right;}
		#search_results_short { position: absolute; right: 0px; overflow: hidden; } 
		#searchbox { background: #ffffff; max-width: 65vw; font: 22px; width: 100%; min-width: 225px;}
	}

@media only screen and (min-width: 400px) and (max-width: 599px)
	{	
		#search_main { float: right;}
		#search_results_short { position: absolute; left: 0px;   overflow: hidden; }
		#searchbox { background: #ffffff; max-width: 65vw; font: 24px; width: 100%; min-width: 175px;}
	}

@media only screen and (min-width: 100px) and (max-width: 399px) /* phones in portrait */
	{	
		#search_main { float: right;}
		#search_results_short { position: absolute; left: 0px; overflow: hidden; }
		/*#search_wrapper { width: 100%; max-width: 65vw; }*/
		#searchbox { background: #ffffff; max-width: 65vw; font: 26px; width: 100%; min-width: 175px;}
		
	}

@media only screen and (min-width: 943px) and (max-width: 2000px)
	{	
		#search_main { position: relative;}
		#search_results_short { left: 0px;  float: left; overflow: hidden; }
		#searchbox {  background: #ffffff; min-width: 325px; font-size: 1.4rem;  width: 95%; }
	}

		#ad_10 {display: block;}
		#ad_11 {display: block;}
		#ad_12 {display: block;}



#filedragtt{
  padding: 5px;   border: 2px dashed #bbb;   border-radius: 10px;    height: 50px; width: 150px; max-height: 75px; min-width: 100px;  max-width: 200px; 
   margin-top: 5px;    background: #ffffff; color: #000000;
 }






/* Slideshow Frontpage */
.slideshow-container {   max-width: 1000px;  position: relative;  padding: 0px;}
/* Hide the images by default */
.mySlides {   display: none;  padding: 0px; margin: 0; }
/* Next & previous buttons */
.prev, .next {   cursor: pointer;    position: absolute;   top: 50%;   width: auto;   margin-top: -22px;   padding: 16px;   color: white; 
  font-weight: bold;   font-size: 18px;    transition: 0.6s ease;   border-radius: 0 3px 3px 0;   user-select: none;}
/* Position the "next button" to the right */
.next {   right: 0;    border-radius: 3px 0 0 3px; }
.prev:hover, .next:hover {   background-color: rgba(0,0,0,0.8); }
.captiontext {   color: #f2f2f2;    font-size: 15px;   padding: 8px 12px;   position: absolute;   bottom: 0px;    width: 100%;   text-align: center; }
.numbertext {   color: #f2f2f2;    font-size: 12px;   padding: 8px 12px;   position: absolute;  top: 0;}
.dot {   cursor: pointer;   height: 17px;   width: 17px;   margin: 0 2px;  background-color: #bbb;   border-radius: 50%;   display: inline-block;   transition: background-color 0.6s ease; text-align: middle; vertical-align: middle; padding-right: 1px; padding-bottom: 1px;}
.active, .dot:hover {   background-color: #717171; }
/* Fading animation */
.fade {   -webkit-animation-name: fade;   -webkit-animation-duration: 1.2s;   animation-name: fade;   animation-duration: 1.2s; }
@-webkit-keyframes fade {   from {opacity: .8}   to {opacity: 1} }
@keyframes fade {   from {opacity: .8}   to {opacity: 1} }






@media only screen and (min-width: 200px) and (max-width: 520px) and (min-device-width : 520px) /* desktop check  of portrait phone below*/
	{	
		.wrapper11 {flex-direction: column-reverse; }
		#advanced_search {display: none; }
		.mainproduct2 {width: 100%;}
		.mainproduct2_alt {width: 100%;}
		.image_outer {width: 50%; margin: auto;}
		.image_outer_alt {width: 50%; margin: auto;}
		.product_list_table { min-height: 75px; } /* reduce min height when image wraps below */
		.hot_deal_price {  font-size: 20px; }
		.normal_price {  font-size: 20px; }
		.plain_price {width: 100%; min-width: 99px; }
		.hotdeal_x   {width: 100%; min-width: 99px;}	
		/*.zqtycell { display: none; }*/
		/*.hidden_qtycell { display: inline; } */
		/*.zbasket_icons { display: none; }*/
		/*.hidden_binicon  { display: inline; } */
		.social_extra {display: none; }
		#twit_wrap {display: none; }
		#social_wrap {max-width: 100px; width: auto; margin: auto; }
		#item_header_3 {padding-left: 3px; padding-right: 3px; ;}
		.advanced_search {display: none;}
		
	}

@media only screen and (min-width: 200px) and (max-width: 475px) and (min-device-width : 475px) /* desktop check  of portrait phone below*/
	{
		.zstock_cell { display: none; }
		#advanced_search {display: none; }
		/*.hidden_stock_cell { display: inline; vertical-align: middle;}*/
		.zprod_id {  width: 65%; }
		.newbasketbutton { font-size: 16px; }
		.link_button  { font-size: 16px; }
		#DELIVERY {max-width: 435px;  }
		.bottom_back {  width: 45%; text-align: center; margin: auto;}
		.bottom_forward {  width: 45%; text-align: center; margin: auto;}
		.advanced_search {display: none;}
	}
	
@media only screen and (min-width: 200px) and (max-width: 425px) and (min-device-width : 425px) /* desktop check  of portrait phone below*/
	{
		/*.zprice_cell { display: none; } */
		/*.hidden_price_cell { display: inline-flex ;  padding-top: 3px; } */
		/*.zprod_id {  width: 80%; }*/
		#advanced_search {display: none; }
		#basket_title {font-size: 18px; }
		 #zupdate_basket { float:left; max-width: 160px; width: 45%; }
		#zquote_basket { float: left; max-width: 160px; width: 45%;}
		.newbasketbutton { font-size: 15px; }
		.link_button  { font-size: 15px; max-width: 125px;}
		#DELIVERY {max-width: 375px; }
		
		.advanced_search {display: none;}
		
	}

	
@media only screen and (min-device-width : 200px) and (max-device-width : 520px) and (orientation : portrait) /*apply to phone */
	{
		.wrapper11 {flex-direction: column-reverse; }
		#advanced_search {display: none; }
		.mainproduct2 {width: 100%;}
		.mainproduct2_alt {width: 100%;}
		.image_outer {width: 50%; margin: auto;}
		.image_outer_alt {width: 50%; margin: auto;}
		.product_list_table { min-height: 75px; } /* reduce min height when image wraps below */
		.hot_deal_price {  font-size: 20px; }
		.normal_price {  font-size: 20px; }
		.plain_price {width: 100%; min-width: 99px;}
		.hotdeal_x   {width: 100%; min-width: 99px;}
		/*.zqtycell { display: none; }*/
		/*.hidden_qtycell { display: inline; }*/
		/*.zbasket_icons { display: none; }*/
		/*.hidden_binicon  { display: inline; } */
		.social_extra {display: none; }
		#twit_wrap {display: none; }
		#social_wrap {max-width: 100px; width: auto; margin: auto; }
		#item_header_3 {padding-left: 3px; padding-right: 3px;}
		.advanced_search {display: none;}
	
	}
	
@media only screen and (min-device-width : 200px) and (max-device-width : 475px) and (orientation : portrait) /*apply to phone */
	{
		/*.zstock_cell { display: none; } */
		/*.hidden_stock_cell { display: inline; }*/
		/*.zprod_id {  width: 65%; }*/
		.newbasketbutton { font-size: 16px; }
		.link_button  { font-size: 16px; }
		#DELIVERY {max-width: 350px; }
		.bottom_back {  width: 45%; text-align: center; margin: auto;}
		.bottom_forward {  width: 45%; text-align: center; margin: auto;}
		#advanced_search {display: none;}
		.advanced_search {display: none;}
	}
	
@media only screen and (min-device-width : 200px) and (max-device-width : 425px) and (orientation : portrait) /*apply to phone */
	{
		/*.zprice_cell { display: none; }*/
		.hidden_price_cell { display: inline; }
		.zprod_id {  width: 80%; }
		#basket_title {font-size: 18px; }
		 #zupdate_basket { float:left; max-width: 160px; width: 45%; }
		#zquote_basket { float: left; max-width: 160px; width: 45%;}
		.newbasketbutton { font-size: 15px; }
		.link_button  { font-size: 15px;  max-width: 125px;}
		#DELIVERY {max-width: 375px; }
		
		#billing_address_box { max-width: 148px; border-right: none; padding:0px 7px 0px 7px; }
		#delivery_address_box {  max-width: 148px;  border-right: none ; padding:0px 7px 0px 7px; }
		#advanced_search {display: none;}
		.advanced_search {display: none;}
	}


	@media only screen and (min-device-width : 200px) and (max-device-width : 425px) and (orientation : portrait)
	{
		#stock_select_filter {display: none;}
	}
	
	
	@media only screen and (min-device-width : 200px) and (max-device-width: 550px) and (orientation : portrait)
	{
		
		#ad_10 {display: none;}
		#ad_11 {display: none;}
		#ad_12 {display: none;}
	}
	
	@media only screen and (min-device-width : 200px) and (max-device-width: 425px) and (orientation : portrait)
	{
		
		#ad_5 {display: none;}
		#ad_6 {display: none;}
		#ad_7 {display: none;}
		#ad_8 {display: none;}
		#ad_9 {display: none;}
	}
	
	@media only screen and (min-width : 200px) and (max-width: 550px) 
	{
		
		#ad_10 {display: none; }
		#ad_11 {display: none; }
		#ad_12 {display: none; }
	}
	
		@media only screen and (min-width : 200px) and (max-width : 425px) 
	{
		#ad_5 {display: none;}
		#ad_6 {display: none;}
		#ad_7 {display: none;}
		#ad_8 {display: none;}
		#ad_9 {display: none;}
	}
	

@media only screen and (min-device-width : 200px) and (max-width : 465px) 
	{
		#stock_select_filter {display: none;}
	}

/* multiple item listings css end */



/*This is for narrowed windows that arent iphone - mainly to help for testing*/
@media only screen and (min-width: 200px) and (max-width: 520px) and (min-device-width : 520px)
	{	
		#advanced_search {display: none; }
		.menu_text {display: none; }
		#search_text {display: none; } 
		#search_image {display: inline-flex; }
		.front_image {width: 32px; height: 32px; }
		#advanced_search {display: none;}
		.head_menu_item {padding-left: 1px; padding-right: 1px;} /* reduce padding on small screens*/
		.head_menu_item_b {padding-left: 1px; padding-right: 1px;}
		.head_menu_item_hidden {padding-left: 1px; padding-right: 1px;}
	}


/*temporary fix for narrow width desktop as it doesnt wrap main info until narrower  - this seems to have zero effect*/


@media all and (min-width: 200px) and (max-width: 975px) 
	{	
	#home_text {display: none; }
	}


@media all and (min-width: 200px) and (max-width: 950px) 
	{	
	#help_text {display: none; }
	}

@media all and (min-width: 200px) and (max-width: 900px) 
	{	
	#contact_text {display: none; }
	}

@media all and (min-width: 200px) and (max-width: 850px) 
	{	
	#myaccount_text {display: none; }
	}
	
@media all and (min-width: 200px) and (max-width: 650px) 
	{	
	#basket_text {display: none; }
	
	}
@media all and (min-width: 200px) and (max-width: 600px) 
	{	
	#components_text {display: none; }
	
	}
	
	
@media all and (min-width: 200px) and (max-width: 920px) 
	{	
	a.head_menu:link, a.head_menu:visited {font-size: 11px;}
	.menu_text {font-size: 11px;}
	
	}

@media all and (min-width: 200px) and (max-width: 800px) and (min-device-width: 520px)
	{	
		a.head_menu:link, a.head_menu:visited {font-size: 10px;}
		#login_div {width: 200px; border: 2px solid #ff0000; background: #ffffff;}
		.search_head {font-size: 12px;}
		.menu_text {font-size: 10px;}
		#head_about {display: none; }
		#head_contact {display: none; }
		#head_info {display: inline-flex; }
		#head_basket {display: inline-flex; vertical-align: middle;}
		
	}
/* above doesnt seem to come into effect at 800px */
	
@media only screen and (min-width: 200px) and (max-width: 550px) 
	{	
	#prodcellwrap {flex-direction:column }
	#deliverybottom {flex-direction:column }
	#footerbottom {flex-direction:column }
	#how_to_find_us {flex-direction:column-reverse; }
	#weee_info {flex-direction:column; }
	}
	
@media only screen and (max-width: 440px) 
	{		
	#search_submit {display: none; }
	}
	




@media only screen and (min-width: 200px) and (max-width: 700px)
	{	
		#sidemenucellz {display: none; }
		#alt_select {display: inline-flex; }
		#sidemenu { width: 100%; }
		#sidemenu li {line-height: 110%;   font-family: 'Poppins', sans-serif; padding-top: 4px;}
		#sidemenu li a:{font-family: 'Poppins', sans-serif; padding-top: 4px; }
		#sidemenu li a:hover{cursor:pointer; color:var(--bcolor);}
		#deko_mobile {display: block; }
		#deko_default {display: none; }

	}


@media only screen and (min-width: 200px) and (max-width: 600px) /* hide sidemenucell and show alt_select */
	{	
		
		#sidemenucellz {display: none; }
		#middlecell { padding: 1px; }
		#head_shop {display: none; }
		#advanced_search {display: none; }
		#title_logo_cell {display: none; width: 0px;}
		
		.category { line-height: 100%; font-size: 17px !important;  }
		.uppermenu { padding-top: 3px; font-size: 17px !important; }
		.midmenu li{  font-size: 17px !important; width: 100%;}
		.midmenu_link {  font-size: 17px !important; min-height: 18px; height: 20px; }
		.b_brand_link  {  font-size: 17px !important; min-height: 18px; height: 20px; }
		
		#header_t { padding:0px; margin: 0px; }

		/*these settings are for item listings*/
		.list_des {font-size: 14px; }
		.list_des3 {font-size: 16px; }
		.list_short {font-size: 10px; }
		.x_subheading {font-size: 12px; }
		#product_summary {margin-left: auto; margin-right: auto; }

	}

@media only screen and (min-width: 200px) and (max-width: 900px)
	{	
		#rightmenucell {display: none; }	
		#login_cell {display: none; }	
	}

	
@media all and (min-width: 200px) and (max-width: 1022px)
	{	
		#rightmenucell {display: none; }	
		#login_cell {display: none; }	
		#head_myaccount {display: none; }
		#head_myaccount2 {display: inline-flex; } /*put basket here too! */
		.head_menu {display: inline-flex; vertical-align: middle;}
		#head_basket {display: inline-flex; vertical-align: middle; }
	}
	
@media only screen and (min-width: 200px) and (max-width: 925px) /* resize basket */
	{
		#sidemenucell_basket {display: none; }
	}
	
	
@media only screen and (min-width: 200px) and (max-width: 960px) /* hide advert */
	{
		#advert_cell {display: none; }
	}
	
	

	
	/*portrait orientation iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 760px) and (max-width: 760px) and (orientation : portrait)
	{

	#advanced_search {display: none; }

	.menu_text {display: none; }
	#search_text {display: none; } 
	#search_image {display: none; }
	.front_image {width: 28px; height: 28px; }
	#search_submit {display: none; } 	
	.head_menu_item {padding-left: 1px; padding-right: 1px;}
	.head_menu_item_b {padding-left: 1px; padding-right: 1px;}
	.head_menu_item_hidden {padding-left: 1px; padding-right: 1px;}
	}
	


	/* set main cell size for phone devices */ 	
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
	{
	#mainpage {width: device-width; }
	#rightmenucell {display: none; }
	.search_head {font-size: 10px;}

	
	}
	
	/*landscape format larger mobile */
@media only screen and (min-device-width : 400px) and (max-device-width : 800px) and (orientation : landscape)
	{
	#mainpage {padding-left: 2px; max-width: max-device-width;  }
	#rightmenucell {display: none;  }
	.search_head {font-size: 12px; }
	}



/*
iphone 12

Viewport Size:
390px × 844px

Screen Size:
1170px × 2532px

Device Pixel Ratio:
3

*/
	
	/*
	iPhone SE (2nd generation): 750 pixels wide
iPhone 11, iPhone XR: 828 pixels wide
iPhone 11 Pro, iPhone X, iPhone XS: 812 pixels wide
iPhone 12 mini: 812 pixels wide
iPhone 12, iPhone 12 Pro: 844 pixels wide
iPhone 12 Pro Max: 926 pixels wide
	
	*/

/*