@import url('https://fonts.googleapis.com/css?family=Montserrat|Tangerine');

@import url('https://fonts.googleapis.com/css2?family=Arsenal&display=swap');
html {
    font-family: 'Montserrat', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.header, #navMenu, #body, .body, body, #footer{
	
	
	}
	ul{
list-style-type:none;
}
a:link{
  text-decoration: none!important;
}	
body{
 
}

/* ------------------ media queries ----------------------------*/
@viewport{
	zoom:1.0;
	width: extend-to-zoom;
	}
@-ms-viewport{
	width: extend-to-zoom;
	zoom:1.0;
	}	
body{
		font:12px;
		text-decoration: none;
	}
body{
	margin: 0;
	max-width:100%;
	min-height:100vh!important;
	 height:100vh!important;
	}
	body, html{
	min-width:100vw!important;
	min-height:100vh!important;
	 height:100vh!important;
	}	
	
#mainWrapper{}
.headerblock{ height:12vh; }
.HeadMidcontent{height:12vh; }/* #404353; */
.HeadMidcontent a img{max-width:50vw; width:32vw; padding:0px 0 10px 0!important;}

.basket{margin:3.5vh 4vw 3vh 0vw;}
.headerImg{display:none;}

.xfooter2_content{max-width:100%!important; width:100vw!important;  margin:1.5vw 0 0 0!important; zz-index:210;  background-color:#092a22!important; padding:0!important; bborder:2px solid #00f; float:left!important;  }
/* @media all and (max-width:639px){ */	

/*#pageHeader #mainmenu{display:none!important;}	
.js #mainmenu {	display:none;}
.js .slicknav_menu {display:block!important; }
.slicknav_menu{display:block!important; width:60%!important; float:left!important; z-index:1000!important;  text-decoration:none!important; }
.slicknav_menu li{ line-height:5; background:#092a22; padding:0!important; margin:0!important; width:100%!important; border-bottom:1px solid #175747!important; text-decoration:none!important; }
.slicknav_nav a:hover{ background:transparent!important; text-decoration:none!important; color:#fff;}	
.menu-nav li a { padding:1px 4px; color:#fff; text-align:left!important; letter-spacing:2px; color:#fff; text-transform:uppercase!important;  font-weight:500!important;
				text-decoration:none!important;  }
.menu-nav li a::before{content:""; display:none; }
.menu-nav  li a:hover{color:#fff;} */

 .xholiday{width:90%;
	margin-left:auto;
	margin-right:auto;
	margin:0 auto;
}
.xholiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:12px;
	color:#3484C5;
	line-height:0.6;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
 }

#pageHeader #mainmenu{display:none!important;}	
.js #mainmenu {	display:none;}
.js .slicknav_menu {display:block!important; }
.slicknav_menu{display:block!important; width:60%!important; float:left!important; z-index:1000!important;  text-decoration:none!important; }
.slicknav_menu li{ line-height:2; background:#092a22; padding:0!important; margin:0!important; width:100%!important; border-bottom:1px solid #175747!important; text-decoration:none!important; }
.slicknav_nav a:hover{ background:transparent!important; text-decoration:none!important; color:#fff;}	
.menu-nav li a { padding:1px 4px; color:#fff; text-align:left!important; letter-spacing:2px; color:#fff; text-transform:uppercase!important;  font-weight:500!important;
				text-decoration:none!important;  }
.menu-nav li a::before{content:""; display:none; }
.menu-nav  li a:hover{color:#fff;}

#pageHeader .mainmenu{display:none!important;}	
.js .mainmenu {	display:none;}
.js .slicknav_menu {display:block!important; }
.slicknav_menu{display:block!important; width:60%!important; float:left!important; z-index:1000!important;  text-decoration:none!important; }
.slicknav_menu li{ line-height:2; background:#092a22; padding:0!important; margin:0!important; width:100%!important; border-bottom:1px solid #175747!important; text-decoration:none!important; }
.slicknav_nav a:hover{ background:transparent!important; text-decoration:none!important; color:#fff;}	
.menu-nav li a { padding:1px 4px; color:#fff; text-align:left!important; letter-spacing:2px; color:#fff; text-transform:uppercase!important;  font-weight:500!important;
				text-decoration:none!important;  }
.menu-nav li a::before{content:""; display:none; }
.menu-nav  li a:hover{color:#fff;}
/*} */
/* ------------------------------------ new general css for header option to be responsive  */
.xfreedelivery{height:10vh!important;}/* height 40px was 5vh */
.xfreedelivery h2{line-height:5vh; height:4vh; font-size:0.75em;}/* line height 40px font-size:12px; height:30px;*/

.xheadblock{display:none;}
.xheadblockmobile{display:block!important; width:100%; height:60px; background:#404353; list-style-type:none; padding:0; text-aligh:center; margin:0 auto; max-width:100vw; width:100vw;}
.xbasket{display:none!important; }
.xbasketmobile{display:block!important; max-width:100px!important; width:100px!important; mmax-height:50%!important; height:auto!important; float:right; margin:11px 40px 11px 0px!important; padding:0; bborder:1px solid #f00;}
.xbasketmobile a img{display:block!important; width:35px!important; height:auto!important; bborder:1px solid #00f;}
.xbasketmobile span{width:20px; height:20px; background-color:#ffffff; float:right; padding:1px; margin:-30px 35px 0 0px!important; webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	}
.xbasketmobile span p{	font-size:1em!important; color:#000000;	line-height:20px; margin-left:auto;	margin-right:auto; 	margin:0 auto; 	text-align:center; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.xHeadMidcontent{display:none!important;}
.xHeadMidcontentmobile{display:block!important; width:40%; height:60px!important; list-style-type:none; padding:0; text-aligh:center; margin:0 auto; bborder:1px solid #ff0}
.xHeadMidcontentmobile a img{display:block!important; margin:auto auto!important; background-repeat:no-repeat; max-width:260px; height:auto; display:block;  padding:3px 0 0px 0; }
/* ----------------- Basket option */	
.xbasket{ margin:3.5% auto; padding:0; text-align:center;  } /*max-width:100px!important; width:100px!important; margin:24px 0px 24px 0px */
.xbasket a img{width:30px!important;}/*width:35px */


.xbasket span{width:20px; height:20px; margin:0 40px 0 0; }/*width:20px; height:20px; margin:0 40px 0 0;  */
.xbasket span p{font-size:1em!important; line-height:1.19em;}
.xtopintro{ margin:8em 0 0 0!important;}
#xcontent .xmidcontainer .xproducts{ width:40%; margin:0 2vw 0vh 6vw;}
.xproducts p{font-size:14px!important; }
#xcontent .xmidcontainer .xproducts xspan xh2{font-size:12px!important; line-height:24px!important; font-weight:bold;}

/* ------------------------------------------------------------------------------------------ */
overflow: scroll;
-webkit-overflow-scrolling: touch;
	
/*  Generic setting for all mobile IMPORTANT */
.topintro{ margin:30vw 0 0 0!important;}
.topintro h1{font-size:2.9vw!important; word-wrap: break-word;  line-height:2!important; letter-spacing:1px;}
.topintro h2{font-size:2.8vw!important; word-wrap: break-word; letter-spacing:1px;}
/* --------  Footer --------- */	
.xfooter2_content{margin:0vw 0 0 0; }
.xbarcontent {	
	width:55%!important;
	margin:20px 0 0 20px;
}
.xbarcontent p{font-size:0.65em!important; line-height:3;}/* 12px */
.xfooter2_option li a{ font-size:0.8em!important; line-height:2;}

.xpayments{width:50%; height:50px; float:right; margin:-50px 50px 30px 0;}
.xpayments img{width:50%; height:auto; float:right; mmargin:0 50px 30px 0;}



.preLensesPrice {width:100%;  padding:0; xfloat:left;} /* was width:50% margin:0 0 0 15px */
.preLensesPrice span h5{font-family: 'Montserrat', sans-serif!important;  font-size:1.3em!important; color:#6ec9c0; 
line-height:2.5!important; text-align:left!important; text-transform:none!important; padding:0 0 0 32%!important; margin:0 auto; xfloat:left!important;
letter-spacing:1px;	display:block;  bborder: 1px solid #092a22; font-weight:bold;}	
	
.productsPP h5{	
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	font-size:12px!important; 
	line-height:1.5!important; 
	text-align:justify!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	color:#092a22;
	font-weight:575;	
	margin:12px 0 12px 0;
	xletter-spacing:1px!important;	
	}	

@media screen and (min-width: 270px) and (max-width: 347px){
.basket{ margin:4.5% auto; padding:0; text-align:center;  }
.menu-nav li a { padding:1px 4px; font-size:11px!important; font-weight:600; letter-spacing:1px;}
.container-fluid {display:none!important; margin:275px 0 10px 0!important;}
#content{ }

.freedelivery {padding-left:20px; xcolor:#f00;}
.freedelivery h2{font-size:3vw!important; word-wrap: break-word; xcolor:#f00;  }
.basket{ margin:4.5% auto; padding:0; text-align:center;  }
.container-fluid {display:none!important; margin:275px 0 10px 0!important;}
/* New top bar, header ing, basket */
.headblock{display:none!important;}
.headblockmobile{display:block!important; width:100%; height:60px; background:#404353; list-style-type:none; padding:0; text-aligh:center; margin:0 auto!important;}
.basket{display:none!important; }
.basketmobile{display:block!important; max-width:100px!important; width:100px!important; max-height:50%!important; height:auto!important; float:right; margin:14px -28px 13px 0px!important; padding:0; bborder:1px solid #f00;}
.basketmobile a img{display:block!important; width:28px!important; height:auto!important; bborder:1px solid #00f;}
.basketmobile span{width:20px; height:20px; background-color:#ffffff; float:right; padding:1px; margin:-30px 45px 0 0px!important; webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	}
.basketmobile span p{	font-size:1em!important; color:#000000;	line-height:20px; margin-left:auto;	margin-right:auto; 	margin:0 auto; 	text-align:center; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.HeadMidcontent{display:none!important;}
.HeadMidcontentmobile{display:block!important; width:90vw; height:58px!important; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.HeadMidcontentmobile a img{display:block!important; margin:0 auto!important; background-repeat:no-repeat; width:62vw!important; height:auto; display:block;  padding:8px 5px 0px 0px; }
/* New end of top bar, header ing, basket */
.midcontainer {width:100%; }

#content .midcontainer .products{ width:65%; margin:0 auto; float:none;  xborder:1px solid #f00;}/* change for bottom images to show on mobiles */
#content .midcontainer .products a img{ width:65%; height:auto; margin:0px 18% 20px 18%!important; xborder:1px solid #f00;} /* margin:15px 18% 0% 18%!important;   */
x.products p{font-size:3vw!important; letter-spacing:2px; margin:20px 0 12px 0; xborder:1px solid #f00; }
#content .midcontainer .products p{font-size:3vw!important; letter-spacing:2px; margin:0px 0 12px 0; xborder:1px solid #f00;}
#content .midcontainer .products span h2{font-size:3vw!important; width:80%!important; line-height:25px!important; letter-spacing:2px; margin:0 auto!important; }

.topintro{margin:0px 0 20px 0!important; xborder:1px solid #f00;}	/* margin:0px 0 100px 0!important; */
.topintro h1{font-size:2.7vw!important;}
.topintro h2{font-size:2.6vw!important;}

#content .midcontainer .products{ width:100%; height:50%; margin:0 0 35% 0; bborder:1px solid #f00;}/* change for bottom images to show on mobiles margin:0 0 14% 0; */
#content .midcontainer .products a img{ width:65%; height:auto; margin:0 18% 18% 18%!important;xborder:1px solid #f00;}
.products p{font-size:2.8vw!important; letter-spacing:2px; margin:-70px 0 20px 0; xborder:1px solid #f00;} /* margin:0 0 12px 0; */
#content .midcontainer .products span h2{font-size:2.8vw!important; width:80%!important; line-height:25px!important; letter-spacing:2px; margin:0 auto!important; }

.prod_discription{width:95%!important; margin:0% 0% 5% 2.6% !important;}
.prod_discription p{width:100%; font-size:2vw; letter-spacing:1px; line-height:1.9; font-weight:normal;  margin:0 0% 0 0%!important; text-align:left; }
.productsPP{width:60%!important; margin:0 20% 8% 20%!important;} 
.productsPP  .form1 .button{font-size:1.8vw!important; height:30px; margin-top:10px;}
.productsPP  #form1 #buttonContactLenses{font-size:2.5vw!important; height:30px; margin-top:10px; xborder:1px solid #f00;}
.productsPP  #form1b #buttonContactLensesb{font-size:2.5vw!important; height:30px; margin-top:5px;}

.productsPP span h2{font-size:3vw!important; height:32px; line-height:29px!important;}
.productsPP span h3{font-size:3vw!important; height:32px; line-height:29px!important;}
.productsPP span h4{font-size:3vw!important; height:32px; line-height:29px!important;}

.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% border:1px solid #00f;*/
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:0px auto!important;}
.eyeshadow_description{width:100%!important; display:block!important; }
.eyeshadow_description p{font-size:1.8vw!important; font-weight:normal!important; letter-spacing:1px;!important; line-height:20px!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:3vw!important; }
.eyeshadow_details span h2{ font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:3vw!important; line-height:2.8vh!important; height:37px;}

.midcontainerLip .prodimg {width:100vw!important; margin:0 auto!important; padding:0!important; }
.midcontainerLip .prodimg a img{width:60%!important;  margin:0 20% 0 22%!important; bborder:1px solid #f0f!important; padding:0!important;}/* width:30%; margin:0 5% 0 0; */
.liplinercolours .colourOptions{width:100%!important;  margin:0 0 0 2.5%; bborder:1px solid #f00;  }/* the colour selection container with all colours */
.liplinercolours{width:100%!important; height:auto; margin:0px 0% 0 0!important;}
.liplinercolours h4{font-size:1.8vw!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.8vw!important; line-height:3.8!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h3{font-size:1.8vw!important: line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h4{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details #form1 #button{font-size:1.8vw!important; line-height:26px!important; height:30px; margin:22px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:10%; height:8vh!important;  margin:0 2% 2.3% 0%!important; padding:0.5%!important; }
.liplinercolours .colourOptions #form2 #col{width:10%!important; height:8vh!important; bborder:1px solid #f00; margin:0% 0 0% -12%!important;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.8vw!important; line-height:3!important; font-weight:600;}

.productsPP p1{font-size:1.9vw!important;}
.productsPP span h32{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.8vw!important; height:30px; margin-top:5px;}

#paypal_button{width:50%!important;  margin-left:2%!important;  position:relative!important;   xborder:1px solid #f00; float:left; }/* margi left was 2%  new margin:7% 0 6% 2%*/
.paypal_button{width:100%; height:auto;  margin:-355px 0 0 0!important;}

#messageEmpty{width:40%; height:35px; margin:0 5% 2% 0; float:right!important; display:flex; }
#messageEmpty a{font-size:2vw!important; line-height:35px; width:100%!important; text-align:center!important; text-decoration:none; font-weight:normal;
color:#fff!important; margin-left:auto; margin-right:auto; margin:0 auto; font-family: 'Montserrat', sans-serif!important;}	
.continueShopping{width:40%; height:35px; margin:15px 5% 2% 95%!important; float:right!important; background-color:#404353; display:flex;}
.continueShopping a{font-family: 'Montserrat', sans-serif!important; text-align:center!important; font-size:2vw!important; line-height:35px; color:#fff;
text-align:center!important; text-decoration:none; font-weight:normal; margin-left:auto; margin-right:auto; margin:0 auto; }

#contshopping{/* yellow continue shopping when nothing in cart */
	width:43%; height:4.4vh; float:left!important;	margin:0 0 20% 5%!important; /* to have the footer displayed at the bottom of the page */
	bborder:2px solid #f00!important;}
	
	#contshopping .contshoppingbar{
	width:100%;	height:35px!important;	background-color:#ffee60; margin:20px 0 0 0;}
	.contshoppingbar a p{
	font-family: 'Montserrat', sans-serif;!important;font-size:14px; text-decoration:none; font-weight:normal; color:#000;	width:100%!important;
	line-height:35px; text-align:center!important; 	margin:0 auto!important; bborder:2px solid #f00!important;}
/* footer */
.footer2_content{width:100%;}
.barcontent{width:40%!important;}
.barcontent p{font-size:3vw!important; letter-spacing:2px; line-height:2!important;}
.footer2_option li{ font-size:3vw!important; letter-spacing:2px; line-height:3;}
.payments{width:62%; height:80px;}
.payments img{width:33%;}

#paypal_button{width:40%!important; margin-left:2%!important; position:relative;}
.paypal_button{width:100%; height:auto;}

/* cart something in cart ------ */

#cartcontent{width:98%!important; float:left;  margin:0 auto!important; xborder:1px solid #f00;}/* cart position with verything including title */
#cartproduct{width:98%!important; margin:0 auto!important;}

#shoppingcrtc p{ font-size:3vh; line-height:1.5; width:100%; max-height:7vh!important; bborder:1px solid #f00;}/* Shopping Cart heading */
#cartheading{width:98%!important; margin:0 auto!important; }
#cartheading .cartproduct{width:12%;}	
#cartheading p{	font-size:2.2vw;	font-weight:500; line-height:1.5;}	 /* item heading */
#cartheading .cartproductdesc{width:35%;}				
#cartheading .cartunitprice{width:12%;}	
#cartheading .cartquantity{	width:12%;}
#cartheading .carttotal{width:12%;}	
#cartheading .cartremove{width:10%;}
/* -------------------------------------------Cart products with PHP in database  --------------------------------------------------*/

#cartproduct .productdesc{font-size:2vw; font-weight:450; width:35%!important; padding-left:2%; letter-spacing:1px;}
#cartproduct .unitprice{font-size:2vw; font-weight:450; letter-spacing: 2px!important;	width:12%!important; letter-spacing:1px;}
#cartproduct .quantity_minus {width:4%!important; height:3vh!important; }
#cartproduct .quantity_minus a p{font-size:2vw; font-weight:450!important; line-height:3vh!important; }
#cartproduct .quantity {width:4%!important; height:3vh!important;}	
#cartproduct .quantity  p{font-size:2vw!important; letter-spacing: 2px!important; line-height:3vh!important; font-weight:450;}		
#cartproduct .quantity_plus {width:4%!important; height:3vh!important;}
#cartproduct .quantity_plus a{text-decoration:none!important;}		
#cartproduct .quantity_plus a p{font-size:2.6vw; font-weight:500!important; line-height:3vh!important; letter-spacing:1px;}
#cartproduct .total{font-size:2vw; font-weight:450; letter-spacing: 2px!important; width:12%!important;}				
#cartproduct .remove{font-size:1.2vw; font-weight:500!important; width:4%!important;}
.deleteBtn{font-size:12px!important; width: 24px!important; height: 22px!important;}


.cartTotalscreen{font-size:18px; margin-top:12px;}
.discountamt{margin-right:7%!important; border:none; }
.discountamt p{font-size:2vw; margin-top:1.23%; font-weight:600; letter-spacing:1px;}

/* ------------- end of cart css -------------------------- */
#checkout_complete{width:90%!important; padding-top:40%!important; margin:0 auto!important;  }
#checkout_complete p{font-family: 'Montserrat', sans-serif;!important;	font-size:3vw!important; line-height:25px!important; text-align:center!important; letter-spacing:1px; }

 /* new options for new index prescription contacts ------------- new page with message option -----------------------------------------*/

.prod_discription_PresLenses{width:83%!important; margin:0% 8% 5% 8% !important;}
.prod_discription_PresLenses p{width:100%; font-size:1.9vw; letter-spacing:1px; line-height:1.9; font-weight:normal;  margin:0 0% 0 0%!important; text-align:left; }
 
.prescriptionlargeimgPP {width:80%;  float:left;  margin:0 0% 5% 10%; display:block!important;}/* width:40%; hheight:20%; float:left; bborder:1px solid #f00; margin:0 3% 3% 3%;*/

 .prodsel_powersel2 {width:85%; float:left;  padding:0 0 0 0%; margin-left:15%;  } /* the selection container */
  
 .valueselect2{width:45%;  float:left;  margin:0% 5% 10px 5%; } /* text Now  Value select  label  Container* width 58%/
 .valselect{margin:0 4px 0 5%; float:left; hheight:25px;  padding:0 0 0 0px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:20px; ffont-weight:bold; text-align:center;  }
  .valneeded{ position:absolute; display:inline; margin:16px 0 0 -28px;}
   
 .colourselect2{margin:0 4px 10px 0%; width:34%; float:left; padding:0 0 0 5px;   }   /* text Now select colour label */
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:20px; font-weight:bold!important; text-align:center;  }
.needed{position:absolute; display:inline; margin:17px 0 0 -28px;}

 .product_power_selection2{width:35%; float:left; margin:-10px 2% 0 0px; hheight:100px;  position: relative; } /* Power selection drop down */
 .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:50px;}
 
 .selectiomessage{width:80%; float:left; margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:12px; text-decoration:none!important; color:#092a22; text-align:center; 	font-weight:bold; }

  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:1.5% 0 8% 0; height:3.6vh;/* height:3.2vh; */ font-size:1em!important; color:#092a22;
	width:80%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}

 /* ----------------------------------------------- */
  .centerline{width:100%; height:20px;  border:1px solid #fff; float:left;}
 .termsandcondition h1{background-color:#fff; font-family: 'Montserrat', sans-serif;!important;  margin:auto; font-size:0.9em!important; color:#092a22;
	width:100%!important; line-height:2!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; }
.termsandcondition p{background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:auto; font-size:0.75em!important; color:#092a22;
	width:100%!important; line-height:1.3!important; text-align:left!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; xborder: 1px solid #092a22;}
.preLensesPrice {width:100%;  padding:0; xfloat:left;} /* was width:50% margin:0 0 0 15px */
.preLensesPrice span h5{font-family: 'Montserrat', sans-serif!important;  font-size:1.3em!important; color:#6ec9c0; 
line-height:2.5!important; text-align:left!important; text-transform:none!important; padding:0 0 0 26%!important; margin:0 auto; xfloat:left!important;
letter-spacing:1px;	display:block;  bborder: 1px solid #092a22; font-weight:bold;}	

.holiday{width:96%;
	float:left;
	margin:0 0 0px 6px!important;

}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:10px!important;
	color:#3484C5;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	letter-spacing:0px;	
	white-space: normal;
 }
 .productsPP  #form1 #buttonContactLenses{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:6%;
	height:24px;
	font-size:7px!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:16px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	xletter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1 #buttonContactLenses:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
	
}	
.productsPP  #form1b #buttonContactLensesb{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:3%;
	height:24px;
	font-size:7px!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:16px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1b #buttonContactLensesb:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
}	
}

@media screen and (min-width: 348px) and (max-width: 364px){

.basket{ margin:4.5% auto; padding:0; text-align:center;   }
.menu-nav li a { padding:1px 4px; font-size:11px!important; font-weight:600; letter-spacing:1px;}
.container-fluid {display:none!important; margin:275px 0 10px 0!important;}
#content{ }
.freedelivery h2{font-size:3vw!important; word-wrap: break-word;  }
.basket{ margin:4.5% auto; padding:0; text-align:center;  }
.container-fluid {display:none!important; margin:275px 0 10px 0!important;}
/* New top bar, header ing, basket */
.headblock{display:none!important;}
.headblockmobile{display:block!important; width:100%; height:60px; background:#404353; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.basket{display:none!important; }
.basketmobile{display:block!important; max-width:100px!important; width:100px!important; max-height:50%!important; height:auto!important; float:right; margin:14px -28px 13px 0px!important; padding:0; bborder:1px solid #f00;}
.basketmobile a img{display:block!important; width:28px!important; height:auto!important; bborder:1px solid #00f;}
.basketmobile span{width:20px; height:20px; background-color:#ffffff; float:right; padding:1px; margin:-30px 45px 0 0px!important; webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	}
.basketmobile span p{	font-size:1em!important; color:#000000;	line-height:20px; margin-left:auto;	margin-right:auto; 	margin:0 auto; 	text-align:center; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.HeadMidcontent{display:none!important;}
.HeadMidcontentmobile{display:block!important; width:50%; height:60px!important; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.HeadMidcontentmobile a img{display:block!important; margin:0 auto!important; background-repeat:no-repeat; max-width:210px; height:auto; display:block;  padding:8px 30px 0px 0px; }
/* New end of top bar, header ing, basket */
.midcontainer {width:100%;}
#content .midcontainer .products{ width:65%; margin:0 auto; float:none;}

.topintro{margin:0px 0 15px 0!important;bborder:1px solid #f00;}	
.topintro h1{font-size:3vw!important;}
.topintro h2{font-size:3vw!important;}

#content .midcontainer .products{ width:100%; height:auto; margin:0 0 14% 0; }/* change for bottom images to show on mobiles */
#content .midcontainer .products a img{ width:65%; height:auto; margin:0 18% 0% 18%!important;}
.products p{font-size:3.5vw!important; letter-spacing:2px; margin:0 0 12px 0; }
#content .midcontainer .products span h2{font-size:3.5vw!important; width:80%!important; line-height:25px!important; letter-spacing:2px; margin:0 auto!important; }	

.topintro{margin:0px 0 15px 0!important;bborder:1px solid #f00;}	
.topintro h1{font-size:3vw!important;}
.topintro h2{font-size:2.9vw!important;}

#content .midcontainer .products{ width:100%; height:auto; margin:0 0 14% 0; }/* change for bottom images to show on mobiles */
#content .midcontainer .products a img{ width:65%; height:auto; margin:0 18% 0% 18%!important;}
.products p{font-size:3.5vw!important; letter-spacing:2px; margin:0 0 12px 0; }
#content .midcontainer .products span h2{font-size:3.5vw!important; width:80%!important; line-height:25px!important; letter-spacing:2px; margin:0 auto!important; }

.prod_discription{width:95%!important; margin:0% 0 5% 3% !important;}
.prod_discription p{width:100%; font-size:1.8vw; letter-spacing:1px; line-height:1.7; font-weight:normal;  margin:0 0% 0 0%!important; text-align:left; }
.productsPP{width:60%!important; margin:0 20% 8% 20%!important;} 
.productsPP  #form1 #button{}
.productsPP span h2{font-size:3.5vw!important; height:32px; line-height:29px!important;}
.productsPP span h3{font-size:3.5vw!important; height:32px; line-height:29px!important;}
.productsPP span h4{font-size:3.5vw!important; height:32px; line-height:29px!important;}

.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% border:1px solid #00f;*/
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:0px auto!important;}
.eyeshadow_description{width:100%!important; display:block!important; }
.eyeshadow_description p{font-size:1.8vw!important; font-weight:normal!important; letter-spacing:1px;!important; line-height:20px!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:3vw!important; }
.eyeshadow_details span h2{ font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:3vw!important; line-height:2.8vh!important; height:37px;}


.midcontainerLip .prodimg {width:100vw!important; margin:0 auto!important; padding:0!important; }
.midcontainerLip .prodimg a img{width:60%!important;  margin:0 20% 0 22%!important; bborder:1px solid #f0f!important; padding:0!important;}/* width:30%; margin:0 5% 0 0; */
.liplinercolours .colourOptions{width:100%!important;  margin:0 0 0 2.5%; bborder:1px solid #f00;  }/* the colour selection container with all colours */
.liplinercolours{width:100%!important; height:auto; margin:0px 0% 0 0!important;}
.liplinercolours h4{font-size:1.8vw!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.8vw!important; line-height:3.8!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h3{font-size:1.8vw!important: line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h4{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details #form1 #button{font-size:1.8vw!important; line-height:26px!important; height:30px; margin:22px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:10%; height:8vh!important;  margin:0 2% 2.3% 0%!important; padding:0.5%!important; }
.liplinercolours .colourOptions #form2 #col{width:10%!important; height:8vh!important; bborder:1px solid #f00; margin:0% 0 0% -12%!important;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.8vw!important; line-height:3!important; font-weight:600;}

.productsPP p1{font-size:1.9vw!important;}
.productsPP span h32{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.8vw!important; height:30px; margin-top:10px;}
.productsPP  #form1 #buttonContactLenses{font-size:2.5vw!important; height:30px; margin-top:10px; xborder:1px solid #f00;}
.productsPP  #form1b #buttonContactLensesb{font-size:2.5vw!important; height:30px; margin-top:5px;}

/* footer */
.barcontent{width:40%!important;}
.barcontent p{font-size:3vw!important; letter-spacing:2px; line-height:1.9!important;}
.footer2_option li{ font-size:3vw!important; letter-spacing:2px; line-height:3;}
.payments{width:62%; height:80px;}
.payments img{width:33%;}

#paypal_button{width:49%!important;  margin-left:2%!important;  position:relative!important;   xborder:1px solid #f00; float:left; }/* margi left was 2%  new margin:7% 0 6% 2%*/
.paypal_button{width:100%; height:auto;  margin:-355px 0 0 0!important;}

#messageEmpty{width:40%; height:35px; margin:0 5% 2% 0; float:right!important; display:flex; }
#messageEmpty a{font-size:2vw!important; line-height:35px; width:100%!important; text-align:center!important; text-decoration:none; font-weight:normal;
color:#fff!important; margin-left:auto; margin-right:auto; margin:0 auto; font-family: 'Montserrat', sans-serif!important;}	
.continueShopping{width:40%; height:35px; margin:15px 5% 2% 95%!important; float:right!important; background-color:#404353; display:flex;}
.continueShopping a{font-family: 'Montserrat', sans-serif!important; text-align:center!important; font-size:2vw!important; line-height:35px; color:#fff;
text-align:center!important; text-decoration:none; font-weight:normal; margin-left:auto; margin-right:auto; margin:0 auto; }

#contshopping{/* yellow continue shopping when nothing in cart */
	width:43%; height:4.4vh; float:left!important;	margin:0 0 20% 5%!important; /* to have the footer displayed at the bottom of the page */
	bborder:2px solid #f00!important;}
	
	#contshopping .contshoppingbar{
	width:100%;	height:35px!important;	background-color:#ffee60; margin:20px 0 0 0;}
	.contshoppingbar a p{
	font-family: 'Montserrat', sans-serif;!important;font-size:14px; text-decoration:none; font-weight:normal; color:#000;	width:100%!important;
	line-height:35px; text-align:center!important; 	margin:0 auto!important; bborder:2px solid #f00!important;}

#contshopping{/* yellow continue shopping when nothing in cart */
	width:43%; height:4.4vh; float:left!important;	margin:0 0 20% 5%!important; /* to have the footer displayed at the bottom of the page */
	bborder:2px solid #f00!important;}
	
	#contshopping .contshoppingbar{
	width:100%;	height:35px!important;	background-color:#ffee60; margin:20px 0 0 0;}
	.contshoppingbar a p{
	font-family: 'Montserrat', sans-serif;!important;font-size:14px; text-decoration:none; font-weight:normal; color:#000;	width:100%!important;
	line-height:35px; text-align:center!important; 	margin:0 auto!important; bborder:2px solid #f00!important;}

/* cart something in cart ------ */

#cartcontent{width:98%!important; float:left;  margin:0 auto!important;}/* cart position with verything including title */
#cartproduct{width:98%!important; margin:0 auto!important;}

#shoppingcrtc p{ font-size:3vh; line-height:1.5; width:100%; max-height:7vh!important; bborder:1px solid #f00;}/* Shopping Cart heading */
#cartheading{width:98%!important; margin:0 auto!important; }
#cartheading .cartproduct{width:12%;}	
#cartheading p{	font-size:2.2vw;	font-weight:500; line-height:1.5;}	 /* item heading */
#cartheading .cartproductdesc{width:35%;}				
#cartheading .cartunitprice{width:12%;}	
#cartheading .cartquantity{	width:12%;}
#cartheading .carttotal{width:12%;}	
#cartheading .cartremove{width:10%;}
/* -------------------------------------------Cart products with PHP in database  --------------------------------------------------*/

#cartproduct .productdesc{font-size:2vw; font-weight:450; width:35%!important; padding-left:2%; letter-spacing:1px;}
#cartproduct .unitprice{font-size:2vw; font-weight:450; letter-spacing: 2px!important;	width:12%!important; letter-spacing:1px;}
#cartproduct .quantity_minus {width:4%!important; height:3vh!important; }
#cartproduct .quantity_minus a p{font-size:2vw; font-weight:450!important; line-height:3vh!important; }
#cartproduct .quantity {width:4%!important; height:3vh!important;}	
#cartproduct .quantity  p{font-size:2vw!important; letter-spacing: 2px!important; line-height:3vh!important; font-weight:450;}		
#cartproduct .quantity_plus {width:4%!important; height:3vh!important;}
#cartproduct .quantity_plus a{text-decoration:none!important;}		
#cartproduct .quantity_plus a p{font-size:2.6vw; font-weight:500!important; line-height:3vh!important; letter-spacing:1px;}
#cartproduct .total{font-size:2vw; font-weight:450; letter-spacing: 2px!important; width:12%!important;}				
#cartproduct .remove{font-size:1.2vw; font-weight:500!important; width:4%!important;}
.deleteBtn{font-size:12px!important; width: 24px!important; height: 22px!important;}


.cartTotalscreen{font-size:18px; margin-top:12px;}
.discountamt{margin-right:7%!important; border:none; }
.discountamt p{font-size:2vw; margin-top:1.23%; font-weight:600; letter-spacing:1px;}


/* ------------- end of cart css -------------------------- */
#checkout_complete{width:90%!important; padding-top:40%!important; margin:0 auto!important;  }
#checkout_complete p{font-family: 'Montserrat', sans-serif;!important;	font-size:3vw!important; line-height:30px!important; text-align:center!important; letter-spacing:1px; }

 /* new options for new index prescription contacts ------------- new page with message option -----------------------------------------*/

.prod_discription_PresLenses{width:83%!important; margin:0% 8% 5% 8% !important;}
.prod_discription_PresLenses p{width:100%; font-size:1.9vw; letter-spacing:1px; line-height:1.9; font-weight:normal;  margin:0 0% 0 0%!important; text-align:left; }
 
.prescriptionlargeimgPP {width:80%;  float:left;  margin:0 0% 5% 10%; display:block!important;}/* width:40%; hheight:20%; float:left; bborder:1px solid #f00; margin:0 3% 3% 3%;*/

 .prodsel_powersel2 {width:85%; float:left;  padding:0 0 0 0%; margin-left:15%;  } /* the selection container */
  
 .valueselect2{width:45%;  float:left;  margin:0% 5% 10px 5%; } /* text Now  Value select  label  Container* width 58%/
 .valselect{margin:0 4px 0 5%; float:left; hheight:25px;  padding:0 0 0 0px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:20px; ffont-weight:bold; text-align:center;  }
  .valneeded{ position:absolute; display:inline; margin:16px 0 0 -28px;}
   
 .colourselect2{margin:0 4px 10px 0%; width:34%; float:left; padding:0 0 0 5px;   }   /* text Now select colour label */
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:20px; font-weight:bold!important; text-align:center;  }
.needed{position:absolute; display:inline; margin:17px 0 0 -28px;}

 .product_power_selection2{width:35%; float:left; margin:-10px 2% 0 0px; hheight:100px;  position: relative; } /* Power selection drop down */
 .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:50px;}
 
 .selectiomessage{width:80%; float:left; margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:12px; text-decoration:none!important; color:#092a22; text-align:center; 	font-weight:bold; }

  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:1.5% 0 8% 0; height:3.6vh;/* height:3.2vh; */ font-size:1em!important; color:#092a22;
	width:80%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}

 /* ----------------------------------------------- */
 			/* ---------------------------- footer ------------------- */


 .centerline{width:100%; height:20px;  border:1px solid #fff; float:left;}
 .termsandcondition h1{background-color:#fff; font-family: 'Montserrat', sans-serif;!important;  margin:auto; font-size:0.9em!important; color:#092a22;
	width:100%!important; line-height:2!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; }
.termsandcondition p{background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:auto; font-size:0.75em!important; color:#092a22;
	width:100%!important; line-height:1.3!important; text-align:left!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; xborder: 1px solid #092a22;}


/*  end of footer */
.preLensesPrice {width:100%;  padding:0; xfloat:left;} /* was width:50% margin:0 0 0 15px */
.preLensesPrice span h5{font-family: 'Montserrat', sans-serif!important;  font-size:1.3em!important; color:#6ec9c0; 
line-height:2.5!important; text-align:left!important; text-transform:none!important; padding:0 0 0 26%!important; margin:0 auto; xfloat:left!important;
letter-spacing:1px;	display:block;  bborder: 1px solid #092a22; font-weight:bold;}	

.holiday{width:96%;
	float:left;
	margin:0 0 0px 6px!important;

}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:10px!important;
	color:#3484C5;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	letter-spacing:0px;	
	white-space: normal;
 }
 .productsPP  #form1 #buttonContactLenses{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:6%;
	height:24px;
	font-size:8px!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:20px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	xletter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1 #buttonContactLenses:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
	
}	
.productsPP  #form1b #buttonContactLensesb{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:3%;
	height:24px;
	font-size:8px!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:20px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1b #buttonContactLensesb:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
}
	
}
	
@media screen and (min-width: 365px) and (max-width: 386px){

/* home index footer */
.basket{ margin:4.5% auto; padding:0; text-align:center; }
.menu-nav li a { padding:1px 4px; font-size:11px!important; font-weight:600; letter-spacing:1px;}
.container-fluid {display:none!important; margin:275px 0 10px 0!important;}
#content{}
.freedelivery h2{font-size:3vw!important; word-wrap: break-word; }
.basket{ margin:4.5% auto; padding:0; text-align:center;  }
.container-fluid {display:none!important; margin:275px 0 10px 0!important;}
/* New top bar, header ing, basket */
.headblock{display:none!important;}
.headblockmobile{display:block!important; width:100%; height:60px; background:#404353; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.basket{display:none!important; }
.basketmobile{display:block!important; max-width:100px!important; width:100px!important; max-height:50%!important; height:auto!important; float:right; margin:14px -30px 13px 0px!important; padding:0; bborder:1px solid #f00;}
.basketmobile a img{display:block!important; width:28px!important; height:auto!important; bborder:1px solid #00f;}
.basketmobile span{width:20px; height:20px; background-color:#ffffff; float:right; padding:1px; margin:-30px 45px 0 0px!important; webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	}
.basketmobile span p{	font-size:1em!important; color:#000000;	line-height:20px; margin-left:auto;	margin-right:auto; 	margin:0 auto; 	text-align:center; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.HeadMidcontent{display:none!important;}
.HeadMidcontentmobile{display:block!important; width:50%; height:60px!important; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.HeadMidcontentmobile a img{display:block!important; margin:0 auto!important; background-repeat:no-repeat; max-width:210px; height:auto; display:block;  padding:8px 20px 0px 0px; }
/* New end of top bar, header ing, basket */
.midcontainer {width:100%;}
#content .midcontainer .products{ width:65%; margin:0 auto; float:none;}

.topintro{margin:0px 0 15px 0!important;bborder:1px solid #f00;}	
.topintro h1{font-size:3vw!important;}
.topintro h2{font-size:2.9vw!important;}

#content .midcontainer .products{ width:100%; height:auto; margin:0 0 14% 0; }/* change for bottom images to show on mobiles */
#content .midcontainer .products a img{ width:65%; height:auto; margin:0 18% 0% 18%!important;  }
.products p{font-size:3.5vw!important; letter-spacing:2px; margin:0 0 12px 0; }
#content .midcontainer .products span h2{font-size:3.5vw!important; width:80%!important; line-height:25px!important; letter-spacing:2px; margin:0 auto!important; }

.prod_discription{width:80%!important; margin:0% 0 5% 0% !important;}
.prod_discription p{width:100%; font-size:2.5vw; letter-spacing:1px; line-height:1.7; font-weight:normal;  margin:0 10% 0 12%!important;  text-align:left;}
.productsPP{width:60%!important; margin:0 20% 8% 20%!important;} 
.productsPP  #form1 #button{}
.productsPP span h2{font-size:4vw!important; height:32px; line-height:29px!important;}
.productsPP span h3{font-size:4vw!important; height:32px; line-height:29px!important;}
.productsPP span h4{font-size:4vw!important; height:32px; line-height:29px!important;}

.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% border:1px solid #00f;*/
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:0px auto!important;}
.eyeshadow_description{width:100%!important; display:block!important; }
.eyeshadow_description p{font-size:1.8vw!important; font-weight:normal!important; letter-spacing:1px;!important; line-height:20px!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:3vw!important; }
.eyeshadow_details span h2{ font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:3vw!important; line-height:2.8vh!important; height:37px;}

.midcontainerLip .prodimg {width:100vw!important; margin:0 auto!important; padding:0!important; }
.midcontainerLip .prodimg a img{width:60%!important;  margin:0 20% 0 22%!important; bborder:1px solid #f0f!important; padding:0!important;}/* width:30%; margin:0 5% 0 0; */
.liplinercolours .colourOptions{width:100%!important;  margin:0 0 0 2.5%; bborder:1px solid #f00;  }/* the colour selection container with all colours */
.liplinercolours{width:100%!important; height:auto; margin:0px 0% 0 0!important;}
.liplinercolours h4{font-size:1.8vw!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.8vw!important; line-height:3.8!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h3{font-size:1.8vw!important: line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h4{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details #form1 #button{font-size:1.8vw!important; line-height:26px!important; height:30px; margin:22px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:10%; height:8vh!important;  margin:0 2% 2.3% 0%!important; padding:0.5%!important; }
.liplinercolours .colourOptions #form2 #col{width:10%!important; height:8vh!important; bborder:1px solid #f00; margin:0% 0 0% -12%!important;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.8vw!important; line-height:3!important; font-weight:600;}

.productsPP p1{font-size:1.9vw!important;}
.productsPP span h32{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.8vw!important; height:30px; margin-top:10px;}
.productsPP  #form1 #buttonContactLenses{font-size:2.5vw!important; height:30px; margin-top:10px; xborder:1px solid #f00;}
.productsPP  #form1b #buttonContactLensesb{font-size:2.5vw!important; height:30px; margin-top:5px;}

/* footer */
.barcontent{width:40%!important;}
.barcontent p{font-size:3vw!important; letter-spacing:2px; line-height:1.5!important;}
.footer2_option li{ font-size:3vw!important; letter-spacing:2px;}
.payments{width:62%; height:80px;}
.payments img{width:33%;}

#paypal_button{width:49%!important;  margin-left:2%!important;  position:relative!important;   xborder:1px solid #f00; float:left; }/* margi left was 2%  new margin:7% 0 6% 2%*/
.paypal_button{width:100%; height:auto;  margin:-355px 0 0 0!important;}

#messageEmpty{width:40%; height:35px; margin:0 5% 2% 0; float:right!important; display:flex; }
#messageEmpty a{font-size:2vw!important; line-height:35px; width:100%!important; text-align:center!important; text-decoration:none; font-weight:normal;
color:#fff!important; margin-left:auto; margin-right:auto; margin:0 auto; font-family: 'Montserrat', sans-serif!important;}	
.continueShopping{width:40%; height:35px; margin:15px 5% 2% 95%!important; float:right!important; background-color:#404353; display:flex;}
.continueShopping a{font-family: 'Montserrat', sans-serif!important; text-align:center!important; font-size:2vw!important; line-height:35px; color:#fff;
text-align:center!important; text-decoration:none; font-weight:normal; margin-left:auto; margin-right:auto; margin:0 auto; }

#contshopping{/* yellow continue shopping when nothing in cart */
	width:43%; height:4.4vh; float:left!important;	margin:0 0 20% 5%!important; /* to have the footer displayed at the bottom of the page */
	bborder:2px solid #f00!important;}
	
	#contshopping .contshoppingbar{
	width:100%;	height:35px!important;	background-color:#ffee60; margin:20px 0 0 0;}
	.contshoppingbar a p{
	font-family: 'Montserrat', sans-serif;!important;font-size:14px; text-decoration:none; font-weight:normal; color:#000;	width:100%!important;
	line-height:35px; text-align:center!important; 	margin:0 auto!important; bborder:2px solid #f00!important;}
/* cart something in cart ------ */

#cartcontent{width:98%!important; float:left;  margin:0 auto!important;}/* cart position with verything including title */
#cartproduct{width:98%!important; margin:0 auto!important;}

#shoppingcrtc p{ font-size:3vh; line-height:1.5; width:100%; max-height:7vh!important; bborder:1px solid #f00;}/* Shopping Cart heading */
#cartheading{width:98%!important; margin:0 auto!important; }
#cartheading .cartproduct{width:12%;}	
#cartheading p{	font-size:2.2vw;	font-weight:500; line-height:1.5;}	 /* item heading */
#cartheading .cartproductdesc{width:35%;}				
#cartheading .cartunitprice{width:12%;}	
#cartheading .cartquantity{	width:12%;}
#cartheading .carttotal{width:12%;}	
#cartheading .cartremove{width:10%;}
/* -------------------------------------------Cart products with PHP in database  --------------------------------------------------*/

#cartproduct .productdesc{font-size:2vw; font-weight:450; width:35%!important; padding-left:2%; letter-spacing:1px;}
#cartproduct .unitprice{font-size:2vw; font-weight:450; letter-spacing: 2px!important;	width:12%!important; letter-spacing:1px;}
#cartproduct .quantity_minus {width:4%!important; height:3vh!important; }
#cartproduct .quantity_minus a p{font-size:2vw; font-weight:450!important; line-height:3vh!important; }
#cartproduct .quantity {width:4%!important; height:3vh!important;}	
#cartproduct .quantity  p{font-size:2vw!important; letter-spacing: 2px!important; line-height:3vh!important; font-weight:450;}		
#cartproduct .quantity_plus {width:4%!important; height:3vh!important;}
#cartproduct .quantity_plus a{text-decoration:none!important;}		
#cartproduct .quantity_plus a p{font-size:2.6vw; font-weight:500!important; line-height:3vh!important; letter-spacing:1px;}
#cartproduct .total{font-size:2vw; font-weight:450; letter-spacing: 2px!important; width:12%!important;}				
#cartproduct .remove{font-size:1.2vw; font-weight:500!important; width:4%!important;}
.deleteBtn{font-size:12px!important; width: 24px!important; height: 22px!important;}


.cartTotalscreen{font-size:18px; margin-top:12px;}
.discountamt{margin-right:7%!important; border:none; }
.discountamt p{font-size:2vw; margin-top:1.23%; font-weight:600; letter-spacing:1px;}


/* ------------- end of cart css -------------------------- */

#checkout_complete{width:90%!important; padding-top:40%!important; margin:0 auto!important;  }
#checkout_complete p{font-family: 'Montserrat', sans-serif;!important;	font-size:3vw!important; line-height:25px!important; text-align:center!important; letter-spacing:1px; }

 /* new options for new index prescription contacts ------------- new page with message option -----------------------------------------*/

.prod_discription_PresLenses{width:83%!important; margin:0% 8% 5% 8% !important;}
.prod_discription_PresLenses p{width:100%; font-size:1.9vw; letter-spacing:1px; line-height:1.9; font-weight:normal;  margin:0 0% 0 0%!important; text-align:left; }
 
.prescriptionlargeimgPP {width:80%;  float:left;  margin:0 0% 5% 10%; display:block!important;}/* width:40%; hheight:20%; float:left; bborder:1px solid #f00; margin:0 3% 3% 3%;*/

 .prodsel_powersel2 {width:85%; float:left;  padding:0 0 0 0%; margin-left:15%;  } /* the selection container */
  
 .valueselect2{width:45%;  float:left;  margin:0% 5% 10px 5%; } /* text Now  Value select  label  Container* width 58%/
 .valselect{margin:0 4px 0 5%; float:left; hheight:25px;  padding:0 0 0 0px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:20px; ffont-weight:bold; text-align:center;  }
  .valneeded{ position:absolute; display:inline; margin:16px 0 0 -28px;}
   
 .colourselect2{margin:0 4px 10px 0%; width:34%; float:left; padding:0 0 0 5px;   }   /* text Now select colour label */
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:20px; font-weight:bold!important; text-align:center;  }
.needed{position:absolute; display:inline; margin:17px 0 0 -28px;}

 .product_power_selection2{width:35%; float:left; margin:-10px 2% 0 0px; hheight:100px;  position: relative; } /* Power selection drop down */
 .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:50px;}
 
 .selectiomessage{width:80%; float:left; margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:12px; text-decoration:none!important; color:#092a22; text-align:center; 	font-weight:bold; }

  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:1.5% 0 8% 0; height:3.6vh;/* height:3.2vh; */ font-size:1em!important; color:#092a22;
	width:80%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}
	
			/* ---------------------------- footer ------------------- */
		
 .footer2_content{width:100%!important;  margin:1.5vw 0 0 0; zz-index:210;  background-color:#092a22; padding:0; bborder:2px solid #00f; float:left; }
 .barcontent {	
	width:30%!important;
	hheight:50px!important;/* new line #ad8330 */
	margin:3vw 0 0 4vw; /* good at 20px */
	bborder:2px solid #00f;
}
.barcontent p{text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important; font-size:2.4vw!important;  color:#fff; line-height:3.2; letter-spacing:1px; }
.footer2_option{max-width:240px;}
.footer2_option li{text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important; font-size:2.2vw!important; bborder:1px solid #f00; line-height:3.5; letter-spacing:1px; }
.footer2_option li a{text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important;  list-style:none!important; color:#ad8330; letter-spacing:1px; }

.payments{width:62%; height:80px; float:right; margin:-50px 50px 30px 0;}
.payments img{width:35%; height:auto; float:right; mmargin:0 50px 30px 0;}

 .centerline{width:100%; height:20px;  border:1px solid #fff; float:left;}
 .termsandcondition h1{background-color:#fff; font-family: 'Montserrat', sans-serif;!important;  margin:auto; font-size:0.9em!important; color:#092a22;
	width:100%!important; line-height:2!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; }
.termsandcondition p{background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:auto; font-size:0.75em!important; color:#092a22;
	width:100%!important; line-height:1.3!important; text-align:left!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; xborder: 1px solid #092a22;}
.preLensesPrice {width:100%;  padding:0; xfloat:left;} /* was width:50% margin:0 0 0 15px */
.preLensesPrice span h5{font-family: 'Montserrat', sans-serif!important;  font-size:1.3em!important; color:#6ec9c0; 
line-height:2.5!important; text-align:left!important; text-transform:none!important; padding:0 0 0 26%!important; margin:0 auto; xfloat:left!important;
letter-spacing:1px;	display:block;  bborder: 1px solid #092a22; font-weight:bold;}	

.holiday{width:96%;
	float:left;
	margin:0 0 0px 6px!important;

}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:10px!important;
	color:#3484C5;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	letter-spacing:0px;	
	white-space: normal;
 }	
.productsPP  #form1 #buttonContactLenses{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:6%;
	height:24px!important;
	font-size:9px!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:20px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	xletter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;	
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1 #buttonContactLenses:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
	
}	
.productsPP  #form1b #buttonContactLensesb{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:3%;
	height:24px!important;
	font-size:9px!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:20px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1b #buttonContactLensesb:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
}
.productsPP  #form1 #buttonContactLenses{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:6%;
	height:3.45vh;
	font-size:9px!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:20px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	xletter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;	
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1 #buttonContactLenses:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
	
}	
.productsPP  #form1b #buttonContactLensesb{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:3%;
	height:3.45vh;
	font-size:9px!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:20px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1b #buttonContactLensesb:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
}
}

@media screen and (min-width: 387px) and (max-width: 429px){
.freedelivery h2{font-size:3vw!important; xcolor:#f00;}
.basket{ margin:4.5% auto; padding:0; text-align:center;   }
.container-fluid {display:none!important; margin:275px 0 10px 0!important;}
/* New top bar, header ing, basket */
.headblock{display:none!important;}
.headblockmobile{display:block!important; width:100%!important; height:60px; background:#404353; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.basket{display:none!important; }
.basketmobile{display:block!important; max-width:100px!important; width:100px!important; max-height:50%!important; height:auto!important; float:right; margin:14px -24px 13px 0px!important; padding:0; bborder:1px solid #f00;}
.basketmobile a img{display:block!important; width:28px!important; height:auto!important; bborder:1px solid #00f;}
.basketmobile span{width:20px; height:20px; background-color:#ffffff; float:right; padding:1px; margin:-30px 45px 0 0px!important; webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	}
.basketmobile span p{	font-size:1em!important; color:#000000;	line-height:20px; margin-left:auto;	margin-right:auto; 	margin:0 auto; 	text-align:center; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.HeadMidcontent{display:none!important;}
.HeadMidcontentmobile{display:block!important; width:50%; height:60px!important; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.HeadMidcontentmobile a img{display:block!important; margin:0 auto!important; background-repeat:no-repeat; max-width:210px; height:auto; display:block;  padding:8px 20px 0px 0px; }
/* New end of top bar, header ing, basket */

.topintro{margin:0px 0 20px 0!important;}
.midcontainer {width:100%;}
#content .midcontainer .products{ width:80%; margin:10vh auto; float:none;}
#content .midcontainer .products a img{ width:90%; height:auto; margin:0 11% 0% 11%!important; }
.products p{font-size:3vw!important; letter-spacing:2px; margin:0 0 12px 0; }
#content .midcontainer .products span h2{font-size:2.9vw!important; width:80%!important; line-height:25px!important; letter-spacing:2px; margin:0 auto!important; }

.topintro{margin:0px 0 20px 0!important;}	
.topintro h1{font-size:2.9vw!important;}
.topintro h2{font-size:2.6vw!important;}

#content .midcontainer .products{ width:100%; height:auto; margin:0 0 14% 0; }/* change for bottom images to show on mobiles */
#content .midcontainer .products a img{ width:65%; height:auto; margin:0 18% 0% 18%!important; xborder:1px solid red; background-color:#F8D1D8;} /* margin was 0 18% 0% 18% */
.products p{font-size:2.8vw!important; letter-spacing:2px; margin:130px 0 16px 0; xborder:1px solid blue;}/* margin was 0 0 12px 0 */
#content .midcontainer .products span h2{font-size:2.8vw!important; width:80%!important; line-height:25px!important; letter-spacing:2px; margin:0 auto!important; xborder:1px solid red;}

.prod_discription{width:95%!important; margin:0% 0% 5% 3% !important;}
.prod_discription p{width:100%; font-size:2vw; letter-spacing:1px; line-height:1.9; font-weight:normal;  margin:0 0% 0 0%!important;  text-align:left;}
.productsPP{width:60%!important; margin:0 20% 8% 20%!important;} 
.productsPP  #form1 #button{}
.productsPP span h2{font-size:4vw!important; height:32px; line-height:29px!important;}
.productsPP span h3{font-size:4vw!important; height:32px; line-height:29px!important;}
.productsPP span h4{font-size:4vw!important; height:32px; line-height:29px!important;}

.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% border:1px solid #00f;*/
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:0px auto!important;}
.eyeshadow_description{width:100%!important; display:block!important; }
.eyeshadow_description p{font-size:1.8vw!important; font-weight:normal!important; letter-spacing:1px;!important; line-height:20px!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:3vw!important; }
.eyeshadow_details span h2{ font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:3vw!important; line-height:2.8vh!important; height:37px;}

.midcontainerLip .prodimg {width:100vw!important; margin:0 auto!important; padding:0!important; }
.midcontainerLip .prodimg a img{width:60%!important;  margin:0 20% 0 22%!important; bborder:1px solid #f0f!important; padding:0!important;}/* width:30%; margin:0 5% 0 0; */
.liplinercolours .colourOptions{width:100%!important;  margin:0 0 0 2.5%; bborder:1px solid #f00;  }/* the colour selection container with all colours */
.liplinercolours{width:100%!important; height:auto; margin:0px 0% 0 0!important;}
.liplinercolours h4{font-size:1.8vw!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.8vw!important; line-height:3.8!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h3{font-size:1.8vw!important: line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h4{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details #form1 #button{font-size:1.8vw!important; line-height:26px!important; height:30px; margin:22px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:10%; height:8vh!important;  margin:0 2% 2.3% 0%!important; padding:0.5%!important; }
.liplinercolours .colourOptions #form2 #col{width:10%!important; height:8vh!important; bborder:1px solid #f00; margin:0% 0 0% -12%!important;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.8vw!important; line-height:3!important; font-weight:600;}

.productsPP p1{font-size:1.9vw!important;}
.productsPP span h32{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.8vw!important; height:30px; margin-top:10px;}
.productsPP  #form1 #buttonContactLenses{font-size:2.5vw!important; height:30px; margin-top:10px; xborder:1px solid #f00;}
.productsPP  #form1b #buttonContactLensesb{font-size:2.5vw!important; height:30px; margin-top:5px;}

#paypal_button{width:49%!important;  margin-left:2%!important;  position:relative!important;   xborder:1px solid #f00; float:left; }/* margi left was 2%  new margin:7% 0 6% 2%*/
.paypal_button{width:100%; height:auto;  margin:-355px 0 0 0!important;}

#messageEmpty{width:40%; height:35px; margin:0 5% 2% 0; float:right!important; display:flex; }
#messageEmpty a{font-size:2vw!important; line-height:35px; width:100%!important; text-align:center!important; text-decoration:none; font-weight:normal;
color:#fff!important; margin-left:auto; margin-right:auto; margin:0 auto; font-family: 'Montserrat', sans-serif!important;}	
.continueShopping{width:40%; height:35px; margin:15px 5% 2% 95%!important; float:right!important; background-color:#404353; display:flex;}
.continueShopping a{font-family: 'Montserrat', sans-serif!important; text-align:center!important; font-size:2vw!important; line-height:35px; color:#fff;
text-align:center!important; text-decoration:none; font-weight:normal; margin-left:auto; margin-right:auto; margin:0 auto; }

#contshopping{/* yellow continue shopping when nothing in cart */
	width:40%; height:4.4vh; float:left!important;	margin:0 0 20% 5%!important; /* to have the footer displayed at the bottom of the page */
	bborder:2px solid #f00!important;
	}
	#contshopping .contshoppingbar{
	width:100%;	height:35px!important;	background-color:#ffee60; margin:20px 0 0 0;}
	.contshoppingbar a p{
	font-family: 'Montserrat', sans-serif;!important;font-size:14px; text-decoration:none; font-weight:normal; color:#000;	width:100%!important;
	line-height:35px; text-align:center!important; 	margin:0 auto!important; bborder:2px solid #f00!important;}
/* cart something in cart ------ */

#cartcontent{width:98%!important; float:left;  margin:0 auto!important;}/* cart position with verything including title */
#cartproduct{width:98%!important; margin:0 auto!important;}

#shoppingcrtc p{ font-size:3vh; line-height:1.5; width:100%; max-height:7vh!important; bborder:1px solid #f00;}/* Shopping Cart heading */
#cartheading{width:98%!important; margin:0 auto!important; }
#cartheading .cartproduct{width:12%;}	
#cartheading p{	font-size:2.2vw;	font-weight:500; line-height:1.5;}	 /* item heading */
#cartheading .cartproductdesc{width:35%;}				
#cartheading .cartunitprice{width:12%;}	
#cartheading .cartquantity{	width:12%;}
#cartheading .carttotal{width:12%;}	
#cartheading .cartremove{width:10%;}
/* -------------------------------------------Cart products with PHP in database  --------------------------------------------------*/

#cartproduct .productdesc{font-size:2vw; font-weight:450; width:35%!important; padding-left:2%; letter-spacing:1px;}
#cartproduct .unitprice{font-size:2vw; font-weight:450; letter-spacing: 2px!important;	width:12%!important; letter-spacing:1px;}
#cartproduct .quantity_minus {width:4%!important; height:3vh!important; }
#cartproduct .quantity_minus a p{font-size:2vw; font-weight:450!important; line-height:3vh!important; }
#cartproduct .quantity {width:4%!important; height:3vh!important;}	
#cartproduct .quantity  p{font-size:2vw!important; letter-spacing: 2px!important; line-height:3vh!important; font-weight:450;}		
#cartproduct .quantity_plus {width:4%!important; height:3vh!important;}
#cartproduct .quantity_plus a{text-decoration:none!important;}		
#cartproduct .quantity_plus a p{font-size:2.6vw; font-weight:500!important; line-height:3vh!important; letter-spacing:1px;}
#cartproduct .total{font-size:2vw; font-weight:450; letter-spacing: 2px!important; width:12%!important;}				
#cartproduct .remove{font-size:1.2vw; font-weight:500!important; width:4%!important;}
.deleteBtn{font-size:12px!important; width: 24px!important; height: 22px!important;}


.cartTotalscreen{font-size:18px; margin-top:12px;}
.discountamt{margin-right:7%!important; border:none; }
.discountamt p{font-size:2vw; margin-top:1.23%; font-weight:600; letter-spacing:1px;}


/* ------------- end of cart css -------------------------- */
/* footer */

#checkout_complete{width:90%!important; padding-top:40%!important; margin:0 auto!important;  }
#checkout_complete p{font-family: 'Montserrat', sans-serif;!important;	font-size:3vw!important; line-height:30px!important; text-align:center!important; letter-spacing:1px; }

 /* new options for new index prescription contacts ------------- new page with message option -----------------------------------------*/


.prod_discription_PresLenses{width:83%!important; margin:0% 8% 5% 8% !important;}
.prod_discription_PresLenses p{width:100%; font-size:1.9vw; letter-spacing:1px; line-height:1.9; font-weight:normal;  margin:0 0% 0 0%!important; text-align:left;}
 
.prescriptionlargeimgPP {width:80%;  float:left;  margin:0 0% 5% 10%; display:block!important;}/* width:40%; hheight:20%; float:left; bborder:1px solid #f00; margin:0 3% 3% 3%;*/

 .prodsel_powersel2 {width:85%; float:left;  padding:0 0 0 0%; margin-left:15%;  } /* the selection container */
  
 .valueselect2{width:45%;  float:left;  margin:0% 5% 10px 5%; } /* text Now  Value select  label  Container* width 58% */
 .valselect h2{font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:20px; ffont-weight:bold; text-align:center;  }
  .valneeded{ position:absolute; display:inline; margin:16px 0 0 -28px;}
   
 .colourselect2{margin:0 4px 10px 0%; width:34%; float:left; padding:0 0 0 5px;   }   /* text Now select colour label */
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:20px; font-weight:bold!important; text-align:center;  }
.needed{position:absolute; display:inline; margin:17px 0 0 -28px;}

 .product_power_selection2{width:35%; float:left; margin:-10px 2% 0 0px; hheight:100px;  position: relative; } /* Power selection drop down */
 .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:50px;}
 
 .selectiomessage{width:80%; float:left; margin:20px 0px 20px 7%; padding:0 10px 0 10px; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:12px; text-decoration:none!important; color:#092a22; text-align:center; 	ffont-weight:bold; }

  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:1.5% 0 8% 0; height:3.6vh;/* height:3.2vh; */ font-size:0.9em!important; color:#092a22;
	width:80%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}
	
		/* ---------------------------- footer ------------------- */
		
 .footer2_content{width:100%!important;  margin:1.5vw 0 0 0; zz-index:210;  background-color:#092a22; padding:0; bborder:2px solid #00f; float:left; }
 .barcontent {	
	width:25%!important;
	hheight:50px!important;/* new line #ad8330 */
	margin:3vw 0 0 4vw; /* good at 20px */
	bborder:2px solid #00f;
}
.barcontent p{text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important; font-size:2.1vw!important;  color:#fff; line-height:3.2; letter-spacing:1px; }
.footer2_option{max-width:240px;}
.footer2_option li{text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important; font-size:2vw!important; bborder:1px solid #f00; line-height:3.5; letter-spacing:1px; }
.footer2_option li a{text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important;  list-style:none!important; color:#ad8330; letter-spacing:1px; }

.payments{width:62%; height:80px; float:right; margin:-50px 50px 30px 0;}
.payments img{width:35%; height:auto; float:right; mmargin:0 50px 30px 0;}

/*  end of footer */

 .centerline{width:100%; height:20px;  border:1px solid #fff; float:left;}
 .termsandcondition h1{background-color:#fff; font-family: 'Montserrat', sans-serif;!important;  margin:auto; font-size:0.9em!important; color:#092a22;
	width:100%!important; line-height:2!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; }
.termsandcondition p{background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:auto; font-size:0.75em!important; color:#092a22;
	width:100%!important; line-height:1.3!important; text-align:left!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; xborder: 1px solid #092a22;}

.preLensesPrice {width:100%;  padding:0; xfloat:left;} /* was width:50% margin:0 0 0 15px */
.preLensesPrice span h5{font-family: 'Montserrat', sans-serif!important;  font-size:1.3em!important; color:#6ec9c0; 
line-height:2.5!important; text-align:left!important; text-transform:none!important; padding:0 0 0 26%!important; margin:0 auto; xfloat:left!important;
letter-spacing:1px;	display:block;  bborder: 1px solid #092a22; font-weight:bold;}	
	
 /* ----------------------------------------------- */
.holiday{width:96%;
	float:left;
	margin:0 0 0px 6px!important;

}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:10px!important;
	color:#3484C5;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	letter-spacing:0px;	
	white-space: normal;
 }
 .productsPP  #form1 #buttonContactLenses{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:6%;
	height:24px;
	font-size:9px!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:20px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	xletter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;	
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1 #buttonContactLenses:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
	
}	
.productsPP  #form1b #buttonContactLensesb{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:3%;
	height:24px;
	font-size:9px!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:20px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1b #buttonContactLensesb:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
}
}

@media screen and (min-width: 430px) and (max-width: 508px){
overflow: scroll;
-webkit-overflow-scrolling: touch;

.HeadMidcontent a img{width:55%; }
.basket{ margin:4.5% auto; padding:0; text-align:center;  }
.menu-nav li a { padding:1px 4px; font-size:11px!important; font-weight:600; letter-spacing:1px;}
.container-fluid {display:none!important; margin:275px 0 10px 0!important;}
#content{ }
.freedelivery h2{margin:0 auto!important;}
/* New top bar, header ing, basket */
.headblock{display:none!important;}
.headblockmobile{display:block!important; width:100%; height:60px; background:#404353; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.basket{display:none!important; }
.basketmobile{display:block!important; max-width:100px!important; width:100px!important; max-height:50%!important; height:auto!important; float:right; margin:14px -8px 13px 0px!important; padding:0; bborder:1px solid #f00;}
.basketmobile a img{display:block!important; width:28px!important; height:auto!important; bborder:1px solid #00f;}
.basketmobile span{width:20px; height:20px; background-color:#ffffff; float:right; padding:1px; margin:-30px 40px 0 0px!important; webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	}
.basketmobile span p{	font-size:1em!important; color:#000000;	line-height:20px; margin-left:auto;	margin-right:auto; 	margin:0 auto; 	text-align:center; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.HeadMidcontent{display:none!important;}
.HeadMidcontentmobile{display:block!important; width:45%; height:60px!important; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.HeadMidcontentmobile a img{display:block!important; margin:0 auto!important; background-repeat:no-repeat; max-width:210px; height:auto; display:block;  padding:8px 14px 0px 0px; }
/* New end of top bar, header ing, basket */

.topintro{margin:0px 0 20px 0!important;}	
.topintro h1{font-size:2.9vw!important;}
.topintro h2{font-size:2.6vw!important;}

#content .midcontainer .products{ width:100%; height:auto; margin:0 0 14% 0; }/* change for bottom images to show on mobiles */
#content .midcontainer .products a img{ width:65%; height:auto; margin:0 18% 0% 18%!important;}
.products p{font-size:2.8vw!important; letter-spacing:2px; margin:0 0 12px 0; }
#content .midcontainer .products span h2{font-size:2.8vw!important; width:80%!important; line-height:25px!important; letter-spacing:2px; margin:0 auto!important; }

.prod_discription{width:90%!important; margin:0% 0% 5% 5.5% !important;}
.prod_discription p{width:100%; font-size:2vw!important; letter-spacing:1px; line-height:1.9; font-weight:normal;  margin:0 0% 0 0%!important;  text-align:left;}
.productsPP{width:60%!important; margin:0 20% 8% 20%!important;} 
.productsPP  #form1 #button{}
.productsPP span h2{font-size:2.5vw!important; height:32px; line-height:29px!important;}
.productsPP span h3{font-size:2.5vw!important; height:32px; line-height:29px!important;}
.productsPP span h4{font-size:2.5vw!important; height:32px; line-height:29px!important;}

.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% border:1px solid #00f;*/
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:0px auto!important;}
.eyeshadow_description{width:100%!important; display:block!important; }
.eyeshadow_description p{font-size:1.8vw!important; font-weight:normal!important; letter-spacing:1px;!important; line-height:20px!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:3vw!important; }
.eyeshadow_details span h2{ font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:3vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:3vw!important; line-height:2.8vh!important; height:37px;}

.midcontainerLip .prodimg {width:100vw!important; margin:0 auto!important; padding:0!important; }
.midcontainerLip .prodimg a img{width:60%!important;  margin:0 20% 0 22%!important; bborder:1px solid #f0f!important; padding:0!important;}/* width:30%; margin:0 5% 0 0; */
.liplinercolours .colourOptions{width:100%!important;  margin:0 0 0 2.5%; bborder:1px solid #f00;  }/* the colour selection container with all colours */
.liplinercolours{width:100%!important; height:auto; margin:0px 0% 0 0!important;}
.liplinercolours h4{font-size:1.8vw!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.8vw!important; line-height:3.8!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h3{font-size:1.8vw!important: line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h4{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details #form1 #button{font-size:1.8vw!important; line-height:26px!important; height:30px; margin:22px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:10%; height:8vh!important;  margin:0 2% 2.3% 0%!important; padding:0.5%!important; }
.liplinercolours .colourOptions #form2 #col{width:10%!important; height:8vh!important; bborder:1px solid #f00; margin:0% 0 0% -12%!important;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.8vw!important; line-height:3!important; font-weight:600;}

.productsPP p1{font-size:1.9vw!important;}
.productsPP span h32{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.8vw!important; height:30px; margin-top:10px;}
.productsPP  #form1 #buttonContactLenses{font-size:2.5vw!important; height:30px; margin-top:10px; xborder:1px solid #f00;}
.productsPP  #form1b #buttonContactLensesb{font-size:2.5vw!important; height:30px; margin-top:5px;}

#paypal_button{width:48%!important;  margin-left:2%!important;  position:relative!important;   xborder:1px solid #f00; float:left; }/* margi left was 2%  new margin:7% 0 6% 2%*/
.paypal_button{width:100%; height:auto;  margin:-365px 0 0 0!important;}

#messageEmpty{width:40%; height:35px; margin:0 5% 2% 0; float:right!important; display:flex; }
#messageEmpty a{font-size:2vw!important; line-height:35px; width:100%!important; text-align:center!important; text-decoration:none; font-weight:normal;
color:#fff!important; margin-left:auto; margin-right:auto; margin:0 auto; font-family: 'Montserrat', sans-serif!important;}	
.continueShopping{width:40%; height:35px; margin:15px 5% 2% 95%!important; float:right!important; background-color:#404353; display:flex;}
.continueShopping a{font-family: 'Montserrat', sans-serif!important; text-align:center!important; font-size:2vw!important; line-height:35px; color:#fff;
text-align:center!important; text-decoration:none; font-weight:normal; margin-left:auto; margin-right:auto; margin:0 auto; }

#contshopping{/* yellow continue shopping when nothing in cart */
	width:38%; height:4.4vh; float:left!important;	margin:0 0 20% 5%!important; /* to have the footer displayed at the bottom of the page */
	bborder:2px solid #f00!important;
	}
#contshopping .contshoppingbar{
	width:100%;	height:35px!important;	background-color:#ffee60; margin:20px 0 0 0;}
.contshoppingbar a p{
	font-family: 'Montserrat', sans-serif;!important;font-size:14px; text-decoration:none; font-weight:normal; color:#000;	width:100%!important;
	line-height:35px; text-align:center!important; 	margin:0 auto!important; bborder:2px solid #f00!important;}

/* cart something in cart ------ */

#cartcontent{width:98%!important; float:left;  margin:0 auto!important;}/* cart position with verything including title */
#cartproduct{width:98%!important; margin:0 auto!important;}

#shoppingcrtc p{ font-size:3vh; line-height:1.5; width:100%; max-height:7vh!important; bborder:1px solid #f00;}/* Shopping Cart heading */
#cartheading{width:98%!important; margin:0 auto!important; }
#cartheading .cartproduct{width:12%;}	
#cartheading p{	font-size:2.2vw;	font-weight:500; line-height:1.5;}	 /* item heading */
#cartheading .cartproductdesc{width:35%;}				
#cartheading .cartunitprice{width:12%;}	
#cartheading .cartquantity{	width:12%;}
#cartheading .carttotal{width:12%;}	
#cartheading .cartremove{width:10%;}
/* -------------------------------------------Cart products with PHP in database  --------------------------------------------------*/

#cartproduct .productdesc{font-size:2vw; font-weight:450; width:35%!important; padding-left:2%; letter-spacing:1px;}
#cartproduct .unitprice{font-size:2vw; font-weight:450; letter-spacing: 2px!important;	width:12%!important; letter-spacing:1px;}
#cartproduct .quantity_minus {width:4%!important; height:3vh!important; }
#cartproduct .quantity_minus a p{font-size:2vw; font-weight:450!important; line-height:3vh!important; }
#cartproduct .quantity {width:4%!important; height:3vh!important;}	
#cartproduct .quantity  p{font-size:2vw!important; letter-spacing: 2px!important; line-height:3vh!important; font-weight:450;}		
#cartproduct .quantity_plus {width:4%!important; height:3vh!important;}
#cartproduct .quantity_plus a{text-decoration:none!important;}		
#cartproduct .quantity_plus a p{font-size:2.6vw; font-weight:500!important; line-height:2.6vh!important; letter-spacing:1px;}
#cartproduct .total{font-size:2vw; font-weight:450; letter-spacing: 2px!important; width:12%!important;}				
#cartproduct .remove{font-size:1.2vw; font-weight:500!important; width:4%!important;}
.deleteBtn{font-size:12px!important; width: 24px!important; height: 22px!important;}


.cartTotalscreen{font-size:18px; margin-top:12px;}
.discountamt{margin-right:7%!important; border:none; }
.discountamt p{font-size:2vw; margin-top:1.23%; font-weight:600; letter-spacing:1px;}


/* ------------- end of cart css -------------------------- */

/* footer */
.footer2_content{width:100%!important;  margin:1.5vw 0 0 0; zz-index:210;  background-color:#092a22; padding:0; bborder:2px solid #00f; float:left; }
.barcontent {	
	width:25%!important;
	hheight:50px!important;/* new line #ad8330 */
	margin:3vw 0 0 4vw; /* good at 20px */
	bborder:2px solid #00f;
}
.barcontent p{text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important; font-size:2.1vw!important;  color:#fff; line-height:3.2; letter-spacing:1px; }
.footer2_option{max-width:240px;}
.footer2_option li{text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important; font-size:2vw!important; bborder:1px solid #f00; line-height:2.2; letter-spacing:1px; }
.footer2_option li a{text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important;  list-style:none!important; color:#ad8330; letter-spacing:1px; }

.payments{width:62%; height:80px; float:right; margin:-50px 50px 30px 0;}
.payments img{width:35%; height:auto; float:right; mmargin:0 50px 30px 0;}

	/* ---------------------------- footer ------------------- */
 .centerline{width:100%; height:20px;  border:1px solid #fff; float:left;}
 .termsandcondition h1{background-color:#fff; font-family: 'Montserrat', sans-serif;!important;  margin:auto; font-size:0.9em!important; color:#092a22;
	width:100%!important; line-height:2!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; }
.termsandcondition p{background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:auto; font-size:0.75em!important; color:#092a22;
	width:100%!important; line-height:1.3!important; text-align:left!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; xborder: 1px solid #092a22;}

/* footer */

 /* new options for new index prescription contacts ------------- new page with message option -----------------------------------------*/

.prod_discription_PresLenses{width:83%!important; margin:0% 8% 5% 8% !important;}
.prod_discription_PresLenses p{width:100%; font-size:1.9vw; letter-spacing:1px; line-height:1.9; font-weight:normal;  margin:0 0% 0 0%!important; text-align:left; }
 
.prescriptionlargeimgPP {width:80%;  float:left;  margin:0 0% 5% 10%; display:block!important;}/* width:40%; hheight:20%; float:left; bborder:1px solid #f00; margin:0 3% 3% 3%;*/

 .prodsel_powersel2 {width:85%; float:left;  padding:0 0 0 0%; margin-left:10%;  } /* the selection container */
  
 .valueselect2{width:49%;  float:left;  margin-left:6% } /* text Now  Value select  label  Container*/
 .valselect{margin:0 4px 0 3%; float:left; hheight:25px;  padding:0 0 0 5px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important;  color:#000; 
   font-size:12px; line-height:25px; ffont-weight:bold; text-align:center;  }
   
 .colourselect2{margin:0 4px 10px 4%; width:39%; float:left; padding:0 0 0 5px;   }   /* text Now select colour label */
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:12px; line-height:25px; font-weight:600!important; text-align:center;  }

 .product_power_selection2{width:35%; float:left; margin:-10px 2% 0 0px; hheight:100px;  position: relative; } /* Power selection drop down */
 .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:100px;}
 
 .selectiomessage{width:95%; float:left; margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:12px; text-decoration:none!important; color:#092a22; text-align:center; 	ffont-weight:bold; }

  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:1.5% 0 8% 0; height:3.6vh;/* height:3.2vh; */ font-size:0.9em!important; color:#092a22;
	width:80%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}
	
.holiday{width:98%;
	float:left;
	margin:0 0 0px 6px!important;

}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:10px!important;
	color:#3484C5;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	letter-spacing:0px;	
	white-space: normal;
 }

 /* ----------------------------------------------- */

}

@media  screen and (min-width: 509px) and (max-width: 539px){

.HeadMidcontent a img{max-width:32vw; }
.basket{ margin:4.5% auto; padding:0; text-align:center;}
.menu-nav li a { padding:1px 4px; font-size:11px!important; font-weight:600; letter-spacing:1px;}
.container-fluid {display:none!important; margin:275px 0 10px 0!important;}
#content{ }

/* New top bar, header ing, basket */
.headblock{display:none!important;}
.headblockmobile{display:block!important; width:100%; height:60px; background:#404353; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.basket{display:none!important; }
.basketmobile{display:block!important; max-width:100px!important; width:100px!important; max-height:50%!important; height:auto!important; float:right; margin:13px -10px 13px 0px!important; padding:0; bborder:1px solid #f00;}
.basketmobile a img{display:block!important; width:30px!important; height:auto!important; bborder:1px solid #00f;}
.basketmobile span{width:20px; height:20px; background-color:#ffffff; float:right; padding:1px; margin:-30px 40px 0 0px!important; webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	}
.basketmobile span p{	font-size:1em!important; color:#000000;	line-height:20px; margin-left:auto;	margin-right:auto; 	margin:0 auto; 	text-align:center; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.HeadMidcontent{display:none!important;}
.HeadMidcontentmobile{display:block!important; width:40%; height:60px!important; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.HeadMidcontentmobile a img{display:block!important; margin:auto auto!important; background-repeat:no-repeat; max-width:240px; height:auto; display:block;  padding:3px 0 0px 0; }
/* New end of top bar, header ing, basket */

.topintro{margin:0px 0 20px 0!important;}	
.topintro h1{font-size:2.8vw!important;}
.topintro h2{font-size:2.4vw!important;}

#content .midcontainer .products{ width:100%; height:auto; margin:0 0 14% 0; }/* change for bottom images to show on mobiles */
#content .midcontainer .products a img{ width:65%; height:auto; margin:0 18% 0% 18%!important; }
.products p{font-size:2.5vw!important; letter-spacing:2px; margin:0 0 12px 0; }
#content .midcontainer .products span h2{font-size:2.5vw!important; width:80%!important; line-height:1.97!important; letter-spacing:2px; margin:0 auto!important; }

.prod_discription{width:90%!important; margin:0% 5% 5% 5% !important;}
.prod_discription p{width:100%; font-size:1.75vw!important; letter-spacing:1px; line-height:1.9; font-weight:normal;  margin:0 0% 0 0%!important; text-align:left; }
.productsPP{width:60%!important; margin:0 20% 8% 20%!important;} 
.productsPP  #form1 #button{}
.productsPP span h2{font-size:2.2vw!important; height:32px; line-height:30px!important; letter-spacing:1px!important; }
.productsPP span h3{font-size:2.2vw!important; height:32px; line-height:30px!important; letter-spacing:1px!important;}
.productsPP span h4{font-size:2.2vw!important; height:32px; line-height:30px!important; letter-spacing:1px!important;}

.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% border:1px solid #00f;*/
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:0px auto!important;}
.eyeshadow_description{width:100%!important; display:block!important; }
.eyeshadow_description p{font-size:1.8vw!important; font-weight:normal!important; letter-spacing:1px;!important; line-height:20px!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:1.75vw!important; }
.eyeshadow_details span h2{ font-size:1.95vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:1.95vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:1.95vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:1.95vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:1.95vw!important; line-height:2.8vh!important; height:37px;}

.midcontainerLip .prodimg {width:100vw!important; margin:0 auto!important; padding:0!important; }
.midcontainerLip .prodimg a img{width:60%!important;  margin:0 20% 0 22%!important; bborder:1px solid #f0f!important; padding:0!important;}/* width:30%; margin:0 5% 0 0; */
.liplinercolours .colourOptions{width:100%!important;  margin:0 0 0 2.5%; bborder:1px solid #f00;  }/* the colour selection container with all colours */
.liplinercolours{width:100%!important; height:auto; margin:0px 0% 0 0!important;}
.liplinercolours h4{font-size:1.8vw!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.8vw!important; line-height:3.8!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h3{font-size:1.8vw!important: line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h4{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details #form1 #button{font-size:1.8vw!important; line-height:26px!important; height:30px; margin:22px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:10%; height:8vh!important;  margin:0 2% 2.3% 0%!important; padding:0.5%!important; }
.liplinercolours .colourOptions #form2 #col{width:10%!important; height:8vh!important; bborder:1px solid #f00; margin:0% 0 0% -12%!important;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.8vw!important; line-height:3!important; font-weight:600;}

.productsPP p1{font-size:1.9vw!important;}
.productsPP span h32{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.8vw!important; height:30px; margin-top:5px;}


/* footer */
.barcontent{width:45%!important; bborder:1px solid #f00;}
.barcontent p{font-size:2vw!important; letter-spacing:2px; line-height:1.5!important;}
.footer2_option li{ font-size:2.3vw!important; letter-spacing:2px; line-height:2!important;}
.payments{width:62%; height:80px;}
.payments img{width:33%;}


#paypal_button{width:48%!important;  margin-left:2%!important;  position:relative!important;   xborder:1px solid #f00; float:left; }/* margi left was 2%  new margin:7% 0 6% 2%*/
.paypal_button{width:100%; height:auto;  margin:-375px 0 0 0!important;}

#messageEmpty{width:40%; height:35px; margin:0 5% 2% 0; float:right!important; display:flex; }
#messageEmpty a{font-size:2vw!important; line-height:35px; width:100%!important; text-align:center!important; text-decoration:none; font-weight:normal;
color:#fff!important; margin-left:auto; margin-right:auto; margin:0 auto; font-family: 'Montserrat', sans-serif!important;}	
.continueShopping{width:40%; height:35px; margin:15px 5% 2% 95%!important; float:right!important; background-color:#404353; display:flex;}
.continueShopping a{font-family: 'Montserrat', sans-serif!important; text-align:center!important; font-size:2vw!important; line-height:35px; color:#fff;
text-align:center!important; text-decoration:none; font-weight:normal; margin-left:auto; margin-right:auto; margin:0 auto; }
/* cart something in cart ------ */

#cartcontent{width:98%!important; float:left;  margin:0 auto!important;}/* cart position with verything including title */
#cartproduct{width:98%!important; margin:0 auto!important;}

#shoppingcrtc p{ font-size:3vh; line-height:1.5; width:100%; max-height:7vh!important; bborder:1px solid #f00;}/* Shopping Cart heading */
#cartheading{width:98%!important; margin:0 auto!important; }
#cartheading .cartproduct{width:12%;}	
#cartheading p{	font-size:2.2vw;	font-weight:500; line-height:1.5;}	 /* item heading */
#cartheading .cartproductdesc{width:35%;}				
#cartheading .cartunitprice{width:12%;}	
#cartheading .cartquantity{	width:12%;}
#cartheading .carttotal{width:12%;}	
#cartheading .cartremove{width:10%;}
/* -------------------------------------------Cart products with PHP in database  --------------------------------------------------*/

#cartproduct .productdesc{font-size:2vw; font-weight:450; width:35%!important; padding-left:2%; letter-spacing:1px;}
#cartproduct .unitprice{font-size:2vw; font-weight:450; letter-spacing: 2px!important;	width:12%!important; letter-spacing:1px;}
#cartproduct .quantity_minus {width:4%!important; height:3vh!important; }
#cartproduct .quantity_minus a p{font-size:2vw; font-weight:450!important; line-height:3vh!important; }
#cartproduct .quantity {width:4%!important; height:3vh!important;}	
#cartproduct .quantity  p{font-size:2vw!important; letter-spacing: 2px!important; line-height:3vh!important; font-weight:450;}		
#cartproduct .quantity_plus {width:4%!important; height:3vh!important;}
#cartproduct .quantity_plus a{text-decoration:none!important;}		
#cartproduct .quantity_plus a p{font-size:2.6vw; font-weight:500!important; line-height:3vh!important; letter-spacing:1px;}
#cartproduct .total{font-size:2vw; font-weight:450; letter-spacing: 2px!important; width:12%!important;}				
#cartproduct .remove{font-size:1.2vw; font-weight:500!important; width:4%!important;}
.deleteBtn{font-size:12px!important; width: 24px!important; height: 22px!important;}


.cartTotalscreen{font-size:18px; margin-top:12px;}
.discountamt{margin-right:7%!important; border:none; }
.discountamt p{font-size:2vw; margin-top:1.23%; font-weight:600; letter-spacing:1px;}


/* ------------- end of cart css -------------------------- */
#checkout_complete{width:90%!important; padding-top:30%!important; margin:0 auto!important;  }
#checkout_complete p{font-family: 'Montserrat', sans-serif;!important;	font-size:3vw!important; line-height:30px!important; text-align:center!important; letter-spacing:1px; }


 /* new options for new index prescription contacts ------------- new page with message option -----------------------------------------*/

.prod_discription_PresLenses{width:83%!important; margin:0% 8% 5% 8% !important;}
.prod_discription_PresLenses p{width:100%; font-size:1.9vw; letter-spacing:1px; line-height:1.9; font-weight:normal;  margin:0 0% 0 0%!important; text-align:left; }
 
.prescriptionlargeimgPP {width:80%;  float:left;  margin:0 0% 5% 10%; display:block!important;}/* width:40%; hheight:20%; float:left; bborder:1px solid #f00; margin:0 3% 3% 3%;*/

 .prodsel_powersel2 {width:85%; float:left;  padding:0 0 0 0%; margin-left:15%;  } /* the selection container */
  
 .valueselect2{width:47.5%;  float:left;  margin-left:6% } /* text Now  Value select  label  Container*/
 .valselect{margin:0 4px 0 1%; float:left; hheight:25px;  padding:0 0 0 5px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; ffont-weight:bold; text-align:center;  }
   
 .colourselect2{margin:0 4px 10px 5%; width:40%; float:left; padding:0 0 0 5px;   }   /* text Now select colour label */
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; font-weight:600!important; text-align:center;  }

 .product_power_selection2{width:35%; float:left; margin:-10px 2% 0 0px; hheight:100px;  position: relative; } /* Power selection drop down */
 .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:100px;}
 
 .selectiomessage{width:80%; float:left; margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:12px; text-decoration:none!important; color:#092a22; text-align:center; 	font-weight:bold; }

  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:1.5% 0 8% 0; height:3.6vh;/* height:3.2vh; */ font-size:1em!important; color:#092a22;
	width:80%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}
	 /* ---------------------------- footer ------------------- */
 .centerline{width:100%; height:20px;  border:1px solid #fff; float:left;}
 .termsandcondition h1{background-color:#fff; font-family: 'Montserrat', sans-serif;!important;  margin:auto; font-size:0.9em!important; color:#092a22;
	width:100%!important; line-height:2!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; }
.termsandcondition p{background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:auto; font-size:0.75em!important; color:#092a22;
	width:100%!important; line-height:1.3!important; text-align:left!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; xborder: 1px solid #092a22;}

 /* ----------------------------------------------- */
.holiday{width:95%;
	float:left;
	margin:0 0 0px 10px!important;
	
}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:10px!important;
	color:#3484C5;
	line-height:0;
	font-weight:bold;
	text-align:center;
	letter-spacing:0px;	
 }

}

@media  screen and (min-width: 540px) and (max-width: 550px){
	
.HeadMidcontent a img{max-width:31vw; }
.basket{ margin:4.5% auto; padding:0; text-align:center; }
.menu-nav li a { padding:1px 4px; font-size:11px!important; font-weight:600; letter-spacing:1px;}
.container-fluid {display:none!important; margin:275px 0 10px 0!important;}
#content{ }

/* New top bar, header ing, basket */
.headblock{display:none!important;}
.headblockmobile{display:block!important; width:100%; height:60px; background:#404353; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.basket{display:none!important; }
.basketmobile{display:block!important; max-width:100px!important; width:100px!important; max-height:50%!important; height:auto!important; float:right; margin:11px 0px 11px 0px!important; padding:0; bborder:1px solid #f00;}
.basketmobile a img{display:block!important; width:35px!important; height:auto!important; bborder:1px solid #00f;}
.basketmobile span{width:20px; height:20px; background-color:#ffffff; float:right; padding:1px; margin:-30px 35px 0 0px!important; webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	}
.basketmobile span p{	font-size:1em!important; color:#000000;	line-height:20px; margin-left:auto;	margin-right:auto; 	margin:0 auto; 	text-align:center; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.HeadMidcontent{display:none!important;}
.HeadMidcontentmobile{display:block!important; width:40%; height:60px!important; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.HeadMidcontentmobile a img{display:block!important; margin:auto auto!important; background-repeat:no-repeat; max-width:260px; height:auto; display:block;  padding:3px 0 0px 0; }
/* New end of top bar, header ing, basket */

.topintro{margin:0px 0 20px 0!important;}	
.topintro h1{font-size:2.5vw!important;}
.topintro h2{font-size:2.2vw!important;}

#content .midcontainer .products{ width:100%; height:auto; margin:0 0 14% 0; }/* change for bottom images to show on mobiles */
#content .midcontainer .products a img{ width:65%; height:auto; margin:0 18% 0% 18%!important;  }
.products p{font-size:2.5vw!important; letter-spacing:2px; margin:0 0 12px 0; }
#content .midcontainer .products span h2{font-size:2.5vw!important; width:80%!important; line-height:24px!important; letter-spacing:2px; margin:0 auto!important; }

.prod_discription{width:90%!important; margin:0% 5% 5% 5% !important;}
.prod_discription p{width:100%; font-size:1.8vw; letter-spacing:1px; line-height:1.9; font-weight:normal;  margin:0 0% 0 0%!important; text-align:left;}
.productsPP{width:60%!important; margin:0 20% 8% 20%!important;} 
.productsPP  #form1 #button{}
.productsPP span h2{font-size:2.4vw!important; height:32px; line-height:29px!important; }
.productsPP span h3{font-size:2.4vw!important; height:32px; line-height:29px!important;}
.productsPP span h4{font-size:2.4vw!important; height:32px; line-height:29px!important;}

.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% border:1px solid #00f;*/
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:0px auto!important;}
.eyeshadow_description{width:100%!important; display:block!important; }
.eyeshadow_description p{font-size:1.8vw!important; font-weight:normal!important;letter-spacing:1px;!important; line-height:20px!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:1.75vw!important; }
.eyeshadow_details span h2{ font-size:1.95vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:1.95vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:1.95vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:1.95vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:1.95vw!important; line-height:2.8vh!important; height:37px;}

.midcontainerLip .prodimg {width:100vw!important; margin:0 auto!important; padding:0!important; }
.midcontainerLip .prodimg a img{width:60%!important;  margin:0 20% 0 22%!important; bborder:1px solid #f0f!important; padding:0!important;}/* width:30%; margin:0 5% 0 0; */
.liplinercolours .colourOptions{width:100%!important;  margin:0 0 0 2.5%; bborder:1px solid #f00;  }/* the colour selection container with all colours */
.liplinercolours{width:100%!important; height:auto; margin:0px 0% 0 0!important;}
.liplinercolours h4{font-size:1.8vw!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.8vw!important; line-height:3.8!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h3{font-size:1.8vw!important: line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h4{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details #form1 #button{font-size:1.8vw!important; line-height:26px!important; height:30px; margin:22px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:10%; height:8vh!important;  margin:0 2% 2.3% 0%!important; padding:0.5%!important; }
.liplinercolours .colourOptions #form2 #col{width:10%!important; height:8vh!important; bborder:1px solid #f00; margin:0% 0 0% -12%!important;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.8vw!important; line-height:3!important; font-weight:600;}

.productsPP p1{font-size:1.9vw!important;}
.productsPP span h32{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.8vw!important; height:30px; margin-top:5px;}


/* footer */
.barcontent p{font-size:2.1vw!important; letter-spacing:2px!important; line-height:1.5;}
.footer2_option li{ font-size:2.1vw!important; letter-spacing:3px;}
.payments{width:62%; height:80px;}
.payments img{width:33%;}

#paypal_button{width:45%!important;  margin-left:2%!important;  position:relative!important;   xborder:1px solid #f00; float:left; }/* margi left was 2%  new margin:7% 0 6% 2%*/
.paypal_button{width:100%; height:auto;  margin:-375px 0 0 0!important;}

#messageEmpty{width:40%; height:35px; margin:0 5% 2% 0; float:right!important; display:flex; }
#messageEmpty a{font-size:2vw!important; line-height:35px; width:100%!important; text-align:center!important; text-decoration:none; font-weight:normal;
color:#fff!important; margin-left:auto; margin-right:auto; margin:0 auto; font-family: 'Montserrat', sans-serif!important;}	
.continueShopping{width:40%; height:35px; margin:15px 5% 2% 95%!important; float:right!important; background-color:#404353; display:flex;}
.continueShopping a{font-family: 'Montserrat', sans-serif!important; text-align:center!important; font-size:2vw!important; line-height:35px; color:#fff;
text-align:center!important; text-decoration:none; font-weight:normal; margin-left:auto; margin-right:auto; margin:0 auto; }

/* cart something in cart ------ */

#cartcontent{width:98%!important; float:left;  margin:0 auto!important;}/* cart position with verything including title */
#cartproduct{width:98%!important; margin:0 auto!important;}

#shoppingcrtc p{ font-size:3vh; line-height:1.5; width:100%; max-height:7vh!important; bborder:1px solid #f00;}/* Shopping Cart heading */
#cartheading{width:98%!important; margin:0 auto!important; }
#cartheading .cartproduct{width:12%;}	
#cartheading p{	font-size:2.2vw;	font-weight:500; line-height:1.5;}	 /* item heading */
#cartheading .cartproductdesc{width:35%;}				
#cartheading .cartunitprice{width:12%;}	
#cartheading .cartquantity{	width:12%;}
#cartheading .carttotal{width:12%;}	
#cartheading .cartremove{width:10%;}
/* -------------------------------------------Cart products with PHP in database  --------------------------------------------------*/

#cartproduct .productdesc{font-size:2vw; font-weight:450; width:35%!important; padding-left:2%; letter-spacing:1px;}
#cartproduct .unitprice{font-size:2vw; font-weight:450; letter-spacing: 2px!important;	width:12%!important; letter-spacing:1px;}
#cartproduct .quantity_minus {width:4%!important; height:3vh!important; }
#cartproduct .quantity_minus a p{font-size:2vw; font-weight:450!important; line-height:3vh!important; }
#cartproduct .quantity {width:4%!important; height:3vh!important;}	
#cartproduct .quantity  p{font-size:2vw!important; letter-spacing: 2px!important; line-height:3vh!important; font-weight:450;}		
#cartproduct .quantity_plus {width:4%!important; height:3vh!important;}
#cartproduct .quantity_plus a{text-decoration:none!important;}		
#cartproduct .quantity_plus a p{font-size:2.6vw; font-weight:500!important; line-height:3vh!important; letter-spacing:1px;}
#cartproduct .total{font-size:2vw; font-weight:450; letter-spacing: 2px!important; width:12%!important;}				
#cartproduct .remove{font-size:1.2vw; font-weight:500!important; width:4%!important;}
.deleteBtn{font-size:12px!important; width: 24px!important; height: 22px!important;}


.cartTotalscreen{font-size:18px; margin-top:12px;}
.discountamt{margin-right:7%!important; border:none; }
.discountamt p{font-size:2vw; margin-top:1.23%; font-weight:600; letter-spacing:1px;}


/* ------------- end of cart css -------------------------- */
#checkout_complete{width:90%!important; padding-top:30%!important; margin:0 auto!important;  }
#checkout_complete p{font-family: 'Montserrat', sans-serif;!important;	font-size:3vw!important; line-height:30px!important; text-align:center!important; letter-spacing:1px; }

 /* new options for new index prescription contacts ------------- new page with message option -----------------------------------------*/

.prod_discription_PresLenses{width:83%!important; margin:0% 8% 5% 8% !important;}
.prod_discription_PresLenses p{width:100%; font-size:2vw; letter-spacing:1px; line-height:1.9; font-weight:normal;  margin:0 0% 0 0%!important; text-align:left;}
 
.prescriptionlargeimgPP {width:80%;  float:left;  margin:0 0% 5% 10%; display:block!important;}/* width:40%; hheight:20%; float:left; bborder:1px solid #f00; margin:0 3% 3% 3%;*/

 .prodsel_powersel2 {width:85%; float:left;  padding:0 0 0 0%; margin-left:15%;  } /* the selection container */
  
 .valueselect2{width:48%;  float:left;  margin-left:6% } /* text Now  Value select  label  Container*/
 .valselect{margin:0 4px 0 3%; float:left; hheight:25px;  padding:0 0 0 5px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; ffont-weight:bold; text-align:center;  }
   
 .colourselect2{margin:0 4px 10px 5%; width:40%; float:left; padding:0 0 0 5px;   }   /* text Now select colour label */
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; font-weight:600!important; text-align:center;  }

 .product_power_selection2{width:35%; float:left; margin:-10px 2% 0 0px; hheight:100px;  position: relative; } /* Power selection drop down */
 .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:100px;}
 
 .selectiomessage{width:80%; float:left; margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:12px; text-decoration:none!important; color:#092a22; text-align:center; 	font-weight:bold; }

  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:1.5% 0 8% 0; height:3.6vh;/* height:3.2vh; */ font-size:1em!important; color:#092a22;
	width:80%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}
	
	 /* ---------------------------- footer ------------------- */
 .centerline{width:100%; height:20px;  border:1px solid #fff; float:left;}
 .termsandcondition h1{background-color:#fff; font-family: 'Montserrat', sans-serif;!important;  margin:auto; font-size:0.9em!important; color:#092a22;
	width:100%!important; line-height:2!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; }
.termsandcondition p{background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:auto; font-size:0.75em!important; color:#092a22;
	width:100%!important; line-height:1.3!important; text-align:left!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; xborder: 1px solid #092a22;}

 /* ----------------------------------------------- */
.holiday{width:95%;
	float:left;
	margin:0 0 0px 10px!important;
	
}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:10px!important;
	color:#3484C5;
	line-height:0;
	font-weight:bold;
	text-align:center;
	letter-spacing:0px;	
 }

}
@media  screen and (min-width: 551px) and (max-width: 639px){

.HeadMidcontent a img{width:60%; margin:2px auto!important;  text-align:center; border:1px solid #f00!important; }
.basket{ margin:4.5% auto; padding:0; text-align:center;  }
.menu-nav li a { padding:1px 4px; font-size:11px!important; font-weight:600; letter-spacing:1px;}

/* New top bar, header ing, basket */
.headblock{display:none!important;}
.headblockmobile{display:block!important; width:100%; height:60px; background:#404353; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.basket{display:none!important; }
.basketmobile{display:block!important; max-width:100px!important; width:100px!important; max-height:50%!important; height:auto!important; float:right; margin:11px 10px 11px 0px!important; padding:0; bborder:1px solid #f00;}
.basketmobile a img{display:block!important; width:35px!important; height:auto!important; bborder:1px solid #00f;}
.basketmobile span{width:20px; height:20px; background-color:#ffffff; float:right; padding:1px; margin:-30px 35px 0 0px!important; webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	}
.basketmobile span p{	font-size:1em!important; color:#000000;	line-height:20px; margin-left:auto;	margin-right:auto; 	margin:0 auto; 	text-align:center; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.HeadMidcontent{display:none!important;}
.HeadMidcontentmobile{display:block!important; width:40%; height:60px!important; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.HeadMidcontentmobile a img{display:block!important; margin:auto auto!important; background-repeat:no-repeat; max-width:260px; height:auto; display:block;  padding:3px 0 0px 0; }
/* New end of top bar, header ing, basket */

.container-fluid {display:none!important; }
#content{ }

.prod_pg_topintro{width:100%; margin:0px 0 10px 0!important;}
.topintro{margin-top:0px!important;}	
.topintro h1{font-size:2.6vw!important;}
.topintro h2{font-size:2.4vw!important;}
#content .midcontainer .products{ width:100%; height:auto; margin:30% 0 10% 0; }/* change for bottom images to show on mobiles */
#content .midcontainer .products a img{ width:65%; height:auto; margin:0 18% 10% 18%!important; bborder:1px solid #f00;}
.products p{font-size:2.5vw!important; letter-spacing:2px; margin:-50px 0 12px 0; }
#content .midcontainer .products span h2{font-size:2.3vw!important; width:80%!important; line-height:24px!important; letter-spacing:2px; margin:0 auto!important; }

.footer2_content{width:100%!important;  margin:1.5vw 0 0 0!important; zz-index:210;  background-color:#092a22!important; padding:0!important; bborder:2px solid #00f; ffloat:left; }

.prod_discription{width:83%!important; margin:0% 8% 5% 8% !important;  }
.prod_discription p{width:100%; font-size:12px; letter-spacing:1px; line-height:1.9; font-weight:normal;  xmargin:0 0 0 0!important;  text-align:center!important;
}


.productsPP{width:60%!important; margin:0 20% 8% 20%!important;} 
.productsPP p{font-size:1.6vw!important; bborder:1px solid #00f;}
.productsPP span h2{font-size:1.6vw!important; height:32px; line-height:29px!important; font-weight:normal;}
.productsPP span h3{font-size:1.6vw!important; }
.productsPP span h4{font-size:1.6vw!important;  }
.productsPP  #form1 #button{font-size:1.6vw!important; height:26px; line-height:28px;}
.productsPP .outofstockmessage{height:26px;}
.productsPP .outofstockmessage h3{font-size:1.6vw!important;letter-spacing:1.85px!important; line-height:26px!important;}


.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% border:1px solid #00f;*/
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:0px auto!important; }
.eyeshadow_description{width:100%!important; display:block!important; }
.eyeshadow_description p{font-size:1.8vw!important; font-weight:normal!important; letter-spacing:1px;!important; line-height:20px!important; bborder:1px solid #f00!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:1.75vw!important; }
.eyeshadow_details span h2{ font-size:1.95vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:1.95vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:1.95vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:1.95vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:1.95vw!important; line-height:2.8vh!important; height:37px;}

.midcontainerLip .prodimg {width:100vw!important; margin:0 auto!important; padding:0!important; }
.midcontainerLip .prodimg a img{width:60%!important;  margin:0 20% 0 22%!important; bborder:1px solid #f0f!important; padding:0!important;}/* width:30%; margin:0 5% 0 0; */
.liplinercolours .colourOptions{width:100%!important;  margin:0 0 0 2.5%; bborder:1px solid #f00;  }/* the colour selection container with all colours */
.liplinercolours{width:100%!important; height:auto; margin:0px 0% 0 0!important;}
.liplinercolours h4{font-size:1.8vw!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.8vw!important; line-height:3.8!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h3{font-size:1.8vw!important: line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h4{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details #form1 #button{font-size:1.8vw!important; line-height:26px!important; height:30px; margin:22px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:10%; height:8vh!important;  margin:0 2% 2.3% 0%!important; padding:0.5%!important; }
.liplinercolours .colourOptions #form2 #col{width:10%!important; height:8vh!important; bborder:1px solid #f00; margin:0% 0 0% -12%!important;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.8vw!important; line-height:3!important; font-weight:600;}

.productsPP p1{font-size:1.9vw!important;}
.productsPP span h32{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.8vw!important; height:30px; margin-top:5px;}


#paypal_button{width:45%!important;  margin-left:2%!important;  position:relative!important;   xborder:1px solid #f00; float:left; }/* margi left was 2%  new margin:7% 0 6% 2%*/
.paypal_button{width:100%; height:auto;  margin:-375px 0 0 0!important;}

#messageEmpty{width:40%; height:35px; margin:0 5% 2% 0; float:right!important; display:flex; }
#messageEmpty a{font-size:2vw!important; line-height:35px; width:100%!important; text-align:center!important; text-decoration:none; font-weight:normal;
color:#fff!important; margin-left:auto; margin-right:auto; margin:0 auto; font-family: 'Montserrat', sans-serif!important;}	
.continueShopping{width:40%; height:35px; margin:15px 5% 2% 95%!important; float:right!important; background-color:#404353; display:flex;}
.continueShopping a{font-family: 'Montserrat', sans-serif!important; text-align:center!important; font-size:2vw!important; line-height:35px; color:#fff;
text-align:center!important; text-decoration:none; font-weight:normal; margin-left:auto; margin-right:auto; margin:0 auto; }



/* cart something in cart ------ */

#cartcontent{width:98%!important; float:left!important;  margin:0 auto!important;}/* cart position with verything including title */
#cartproduct{width:98%!important; margin:0 auto!important;}

#shoppingcrtc p{ font-size:3vh; line-height:1.5; width:100%; max-height:7vh!important; bborder:1px solid #f00;}/* Shopping Cart heading */
#cartheading{width:98%!important; margin:0 auto!important; }
#cartheading .cartproduct{width:12%;}	
#cartheading p{	font-size:2.2vw;	font-weight:500; line-height:1.5;}	 /* item heading */
#cartheading .cartproductdesc{width:35%;}				
#cartheading .cartunitprice{width:12%;}	
#cartheading .cartquantity{	width:12%;}
#cartheading .carttotal{width:12%;}	
#cartheading .cartremove{width:10%;}
/* -------------------------------------------Cart products with PHP in database  --------------------------------------------------*/

#cartproduct .productdesc{font-size:2vw; font-weight:450; width:35%!important; padding-left:2%; letter-spacing:1px;}
#cartproduct .unitprice{font-size:2vw; font-weight:450; letter-spacing: 2px!important;	width:12%!important; letter-spacing:1px;}
#cartproduct .quantity_minus {width:4%!important; height:3vh!important; }
#cartproduct .quantity_minus a p{font-size:2vw; font-weight:450!important; line-height:3vh!important; }
#cartproduct .quantity {width:4%!important; height:3vh!important;}	
#cartproduct .quantity  p{font-size:2vw!important; letter-spacing: 2px!important; line-height:3vh!important; font-weight:450;}		
#cartproduct .quantity_plus {width:4%!important; height:3vh!important;}
#cartproduct .quantity_plus a{text-decoration:none!important;}		
#cartproduct .quantity_plus a p{font-size:2.6vw; font-weight:500!important; line-height:3vh!important; letter-spacing:1px;}
#cartproduct .total{font-size:2vw; font-weight:450; letter-spacing: 2px!important; width:12%!important;}				
#cartproduct .remove{font-size:1.2vw; font-weight:500!important; width:4%!important;}
.deleteBtn{font-size:12px!important; width: 24px!important; height: 22px!important;}


.cartTotalscreen{font-size:18px; margin-top:12px;}
.discountamt{margin-right:7%!important; border:none; }
.discountamt p{font-size:2vw; margin-top:1.23%; font-weight:600; letter-spacing:1px;}


/* ------------- end of cart css -------------------------- */
/* footer */

.barcontent p{font-size:2vw!important; letter-spacing:2px; line-height:1.5!important;}
.footer2_option li{ font-size:2vw!important; letter-spacing:2px;}
.payments{width:65%; height:80px;}
.payments img{width:33%;}

#checkout_complete{width:90%!important; padding-top:30%!important; margin:0 auto!important;  }
#checkout_complete p{font-family: 'Montserrat', sans-serif;!important;	font-size:3vw!important; line-height:30px!important; text-align:center!important; letter-spacing:1px; }

 /* new options for new index prescription contacts ------------- new page with message option -----------------------------------------*/

.prod_discription_PresLenses{width:83%!important; margin:0% 8% 5% 8% !important;}
.prod_discription_PresLenses p{width:100%; font-size:1.9vw; letter-spacing:1px; line-height:1.9; font-weight:normal;  margin:0 0% 0 0%!important; text-align:left;}
 
.prescriptionlargeimgPP {width:80%;  float:left;  margin:0 0% 5% 10%; display:block!important;}/* width:40%; hheight:20%; float:left; bborder:1px solid #f00; margin:0 3% 3% 3%;*/

 .prodsel_powersel2 {width:85%; float:left;  padding:0 0 0 0%; margin-left:15%;  } /* the selection container */
  
 .valueselect2{width:45%;  float:left;  margin-left:8.5% } /* text Now  Value select  label  Container*/
 .valselect{margin:0 4px 0 3%; float:left; hheight:25px;  padding:0 0 0 5px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; ffont-weight:bold; text-align:center;  }
   
 .colourselect2{margin:0 4px 10px 5%; width:40%; float:left; padding:0 0 0 5px;   }   /* text Now select colour label */
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; font-weight:600!important; text-align:center;  }

 .product_power_selection2{width:35%; float:left; margin:-10px 2% 0 0px; hheight:100px;  position: relative; } /* Power selection drop down */
 .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:100px;}
 
 .selectiomessage{width:80%; float:left; margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:12px; text-decoration:none!important; color:#092a22; text-align:center; 	font-weight:bold; }

  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:1.5% 0 8% 0; height:3.6vh;/* height:3.2vh; */ font-size:1em!important; color:#092a22;
	width:80%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}
	
.holiday{width:95%;
	float:left;
	margin:0 0 0px 10px!important;
}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:12px!important;
	color:#3484C5;
	line-height:0;
	font-weight:bold;
	text-align:center;
	letter-spacing:0px;	
 }

 /* ---------------------------- footer ------------------- */
 .centerline{width:100%; height:20px;  border:1px solid #fff; float:left;}
 .termsandcondition h1{background-color:#fff; font-family: 'Montserrat', sans-serif;!important;  margin:auto; font-size:0.9em!important; color:#092a22;
	width:100%!important; line-height:3!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; }
.termsandcondition p{background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:auto; font-size:0.75em!important; color:#092a22;
	width:100%!important; line-height:1.3!important; text-align:left!important; text-transform:none!important;	xfloat:left!important;
	letter-spacing:1px;	display:block; padding:10px 10px 10px 10px; xborder: 1px solid #092a22;}

}
/* ------------------ Old device mobile css ---------------------------- */		


/* original 	
@media only screen and (min-width: 768px){}
@media only screen and (min-width: 1023px) and (max-width: 1278px{}
@media only screen and (min-width: 1279px) and (max-width: 1367px){}
@media only screen and (min-width: 1368px) and (max-width: 1442px){}
@media only screen and (min-width: 1443px){}
@media screen and (max-width: 767px) {
}
*/