#main_div:fullscreen {
    background-color: rgba(229,229,229,0);
}
#main_div:-webkit-full-screen {
    background-color: rgba(229,229,229,0);
}
#main_div:-moz-full-screen {
    background-color: rgba(229,229,229,0);
}


#container img{
	
background:no-repeat;
	z-index: -1;

}

#side{
	
	
  background: url(../img/bg_bottom.png) right bottom no-repeat, url(../img/bg_top.png) left top repeat;
	background-color: #f4f4f4;

}

#getsize{
	text-decoration: none;
	
}


#thankbutton1{
	width:100%;
	height: 120px;
	float: left;
	border-bottom: dotted 2px #cccccc;

}

.thnktxt3{
	font-family:"Roboto";
	font-size: 0.8em;
	color:#A80000;

	text-align: left; 
	margin-top: 10px;
	margin-left: 10px;
	width:90%;
}

.telebut{
	border:none;
	outline: none;
	
	background-color: transparent;
}

.whatsbut{
	border:none;
	outline: none;
	background-color: transparent;
}


.moneybut{
	border:none;
	outline: none;
	background-color: transparent;
}


.moneybut1{
	border:none;
	outline: none;
	background-color: transparent;
}

@media (max-width: 8000px) and (min-width: 2001px) {
	.dropdown, .dropleft, .dropright, .dropup, #firstfilter {
    float: left;
    width: 18%;
    max-height: 60px;
  }
	
	.contentloading{
	width:18%;
	height: 100%;
	background-color: #fff;
	float: left;
	border-radius: 10px 10px 10px 10px;
		margin-top: 20px;
	margin-left: 20px;

}
}


@media (max-width: 1565px) and (min-width: 1200px) {
  #main {
    width: calc(100% - 461px);
    float: left;
  }
	

}
@media (max-width: 2000px) and (min-width: 1565px) {
  #main {
    width: calc(100% - 461px);
    float: left;
  }
}


@media (max-width: 1200px) and (min-width: 992px) {
  #main {
    width: calc(100% - 461px);
    float: left;
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  #main {
    width: calc(100% - 461px);
    float: left;
  }
}

@media (max-width: 768px) and (min-width: 462px) {
  #main {
     width: calc(100% - 461px);
    float: left;
  }
}

@media (max-width: 462px) and (min-width: 300px) {
  #main {
    width: 100%;
    height: 100vh;
    float: left;
	  
	  
  }
}


@media (max-width: 462px) and (min-width: 300px) {
  #main_div {
	  
    width: 100%;
    height: 100vh;
    float: left;
	  
	  display: flex;
	  flex-direction: column;
background-image: url("../img/bg.png")
	}}

@media (max-width: 1545px) and (min-width: 1200px) {
  #main_div {
    width: 100%;
    height: 100vh;
    color: rgb(94,135,176);
  }
}

#main_div {
  width: 100%;
  height: 100vh;
  color: rgb(94,135,176);
  position: fixed;
}


 

.dropdown, .dropleft, .dropright, .dropup {
  margin-top: 20px;
   text-align: left;
	outline: none;
	border: none;
	line-height: 50px;
display: block;
	
}



.btn-primary:hover {
  color: #B7B3B3;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
	outline: none;
	border: none;
}


@media (min-width: 1546px) {
  #main_top {
    float: left;
    width: calc(100% - 413px);
    height: 113px;
	  z-index: 999;
	  
  }
}

@media (max-width: 1545px) and (min-width: 768px) {
  #main_top {
    float: left;
    width: calc(100% - 413px);
    height: 113px;
	  z-index: 999;
	  
  }
	
	#phone_no {
		font-size: 1.2em;
	}
}


@media (max-width: 461px) and (min-width: 300px) {
  #main_top {
    width: 100%;
    height: 86px;
	  flex:2;
	  order: 2;
	  z-index: 999;
	 
  }
}

@media (max-width: 461px) and (min-width: 300px) {
  #money {
    display: none;
  }
}



@media (max-width: 461px) and (min-width: 350px) {
  #phonecontent {
    display: none;
  }
}


@media (max-width: 768px) and (min-width: 462px) {
  #phonecontent {
    display: none;
  }
}
@media (max-width: 768px) and (min-width: 462px) {
   #money {
    display: none;
  }
}


@media (max-width: 1200px) and (min-width: 769px) {
  #phonecontent {
    display: none;
  }
}
@media (max-width: 1200px) and (min-width: 769px) {
   #money {
    display: none;
  }
}

@media (max-width: 1565px) and (min-width: 1200px) {
  #second_option {
    float: left;
    width: 25%;
    max-height: 113px;
  }
}

@media (max-width: 1200px) and (min-width: 992px) {
  #second_option {
    float: left;
    width: 23%;
    max-height: 113px;
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  #second_option {
    float: left;
    width: 35%;
    max-height: 113px;
  }
}

#second_option {
  float: left;
  width: 20%;
  max-height: 113px;
}

.dropdown, .dropleft, .dropright, .dropup, #dropdown {
  float: left;
  width: 18%;
  height: 50px;
 margin-left: 20px;
  border-radius: 30px 30px 30px 30px;
  border:none;
  cursor:pointer;
}

#dropdown{
	width: 18%;
  height: 50px;
  border-radius: 30px 30px 30px 30px;
  border:none;
  cursor:pointer;
}

.text_drop{
	
width: 90%;
}




@media (max-width: 2000px) and (min-width: 1632px) {

	.dropdown, .dropleft, .dropright, .dropup, #firstfilter {
    float: left;
    width: 335px;
    max-height: 60px;
  }
	
	.contentloading{
	width:335px;
	height: 100%;
	background-color: #fff;
	float: left;
	border-radius: 10px 10px 10px 10px;
		margin-top: 20px;
	margin-left: 20px;

}

	
	
	
	
}


@media (max-width: 1631px) and (min-width: 1600px) {

	.dropdown, .dropleft, .dropright, .dropup, #dropdown {
    float: left;
    width: 335px;
    max-height: 60px;
  }
	
	#phonecontent {
    margin-top: 20px;
    float: left;
    width: 360px;
    height: 50px;
  }
	
		.phonesep {
    
    float: left;
    width: 200px;
    height: 50px;
			border-radius: 30px;
    border-color: #666465;
    border: 1px solid #666465;

  }
	
	
	.teleico{
		width:50px;
		height: 50px;
		margin-left: 15px;
		float:left;
	}
	
	
	
	.whatsico{
		width:50px;
		height: 50px;
		float:left;
	}
	
	
	
		
.contentloading{
	width:31%;
	height: 100%;
	background-color: #fff;
	float: left;
	border-radius: 10px 10px 10px 10px;
		margin-top: 20px;
	margin-left: 20px;

}


	
	
	
}


@media (max-width: 1599px) and (min-width: 1566px) {

	.dropdown, .dropleft, .dropright, .dropup, #dropdown {
    float: left;
    width: 320px;
    max-height: 60px;
  }
	
	#phonecontent {
    margin-top: 20px;
    float: left;
    width: 320px;
    height: 50px;
  }
	
	.phonesep {
    
    float: left;
    width: 200px;
    height: 50px;
		border-radius: 30px;
    border-color: #666465;
    border: 1px solid #666465;

  }
	
	.teleico{
		width:50px;
		height: 50px;
		float:left;
	}
	
	.whatsico{
		width:50px;
		height: 50px;
		float:left;
	}
	
	
	
	.contentloading{
	width:31%;
	height: 100%;
	background-color: #fff;
	float: left;
	border-radius: 10px 10px 10px 10px;
		margin-top: 20px;
	margin-left: 20px;

}
	
}

@media (max-width: 1565px) and (min-width: 1200px) {

	.dropdown, .dropleft, .dropright, .dropup, #dropdown {
    float: left;
    width: 20%;
    max-height: 60px;
  }
	
	#phonecontent {
    margin-top: 20px;
     float: left;
    width: 42%;
    height: 50px;
  }
	
	.phonesep{
		float: left;
    width: 200px;
    height: 50px;
		border-radius: 30px;
    border-color: #666465;
    border: 1px solid #666465;
		
	}
	
	.teleico{
		width:50px;
		height: 50px;
		float:left;
	}
	
	.whatsico{
		width:50px;
		height: 50px;
		float:left;
	}
	
	
	
	.contentloading{
	width:29.8%;
	height: 100%;
	background-color: #fff;
	float: left;
	border-radius: 10px 10px 10px 10px;
		margin-top: 20px;
	margin-left: 20px;

}


}


@media (max-width: 1200px) and (min-width: 992px) {
  .dropdown, .dropleft, .dropright, .dropup, #dropdown {
    float: left;
    width: 42%;
    height: 50px;
	  
	  
  }
	.nice-select{
		width:363px;
	}
	
	.contentloading{
	width:43.8%;
	height: 100%;
	background-color: #fff;
	float: left;
	border-radius: 10px 10px 10px 10px;
		margin-top: 20px;
	margin-left: 20px;

}
	
}

@media (max-width: 992px) and (min-width: 768px) {
  .dropdown, .dropleft, .dropright, .dropup,#dropdown {
    float: left;
    width: 41%;
    height: 50px;
  }
	
		.contentloading{
	width:43.8%;
	height: 100%;
	background-color: #fff;
	float: left;
	border-radius: 10px 10px 10px 10px;
		margin-top: 20px;
	margin-left: 20px;

}
	
}

@media (max-width: 768px) and (min-width: 462px) {
  .dropdown, .dropleft, .dropright, .dropup, #dropdown {
    float: left;
    width: 47%;
    height: 50px;
	  margin-left: 10px;
  }
}


@media (max-width: 500px) and (min-width: 300px) {
  .dropdown, .dropleft, .dropright, .dropup, #dropdown {
    float: left;
    width: 46%;
    height: 50px;
	  margin-left: -3px;
	  	  margin-left: 10px;

  }
	
	
	.contentloading{
	width:46.8%;
	height: 100%;
	background-color: #fff;
	float: left;
	border-radius: 10px 10px 10px 10px;
		margin-top: 10px;
	margin-left: 10px;

}
	
	@media (max-width: 500px) {

	.clickcount
	{
		font-family: 'Roboto';
	color: #fff;
	font-size: 0.9em;
		background-color: #FF0004;
		border: none;
		outline: none;
		width:25px;
		height: 25px;
		border-radius: 25px 25px 25px 25px;
		text-align: center;
		z-index: 1;
		
	}
		
		.ccount{
		
	
		width:25px;
		height: 25px;
		margin-top: -10px;
		
				float:right;

	}
		


		
	}
	
	.item_heading_alignment{
    font-family: 'Roboto';
		color: #666465;
	font-size: 0.9em;
		word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
	margin-left: 5%;
	margin-right: 4%;
	line-height: 1.3;
	margin-top: 10px;
	
	
}
	
}
	
	


@media (max-width: 461px) and (min-width: 300px) {
  #firstfilter {
    display: none;
  }
	#secondfilter{
		width:95%;
	}
}


#phonecontent {
  float: left;
  margin-left: 19px;
}



@media (min-width: 1628px){
  #phonecontent {
    margin-top: 20px;
    float: left;
    width: 27%;
    height: 50px;
  }
	
	.phonesep {
    
    float: left;
    width: 200px;
    height: 50px;
		border-radius: 30px;
    border-color: #666465;
    border: 1px solid #666465;

  }
	
	.teleico{
		width:50px;
		height: 50px;
		float:left;
	}
	
	.whatsico{
		width:50px;
		height: 50px;
		float:left;
	}
	
}

@media (max-width: 1200px) and (min-width: 992px) {
  #phonecontent {
    width: 30%;
  }
	
	  .phonesep {
    width: 200px;
  }

	
}

@media (max-width: 992px) and (min-width: 768px) {
  #phonecontent {
    display: none;
  }
}


#icon_phone {
  font-size: 2em;
  color: #848484;
  float: left;
  margin-top: 10px;
  margin-left: 20px;
  width: 39px;
  height: 39px;
}

#phone_no {
}

@media (max-width: 1280px) and (min-width: 992px) {
  #phone_no {
    font-size: 0.7em;
  }
}

#phone_no {
font-family:'Roboto';
  font-size:1.2em;
	margin-left: 10px;
	font-weight: 100;
  line-height: 50px;
  color: #666465;
  text-align: center;
  display: block;
  float: left;
  cursor: pointer;
}
.phohetxt{
	text-decoration: none;
  color: #666465;

}

.phohetxt:link {
  text-decoration: none;
}


@media (max-width: 992px) and (min-width: 768px) {
  #money {
    display: none;
  }
}

#money {
  width: 50px;
  height: 50px;
  float: left;
  margin-top: 24px;
  margin-left: 15px;
	cursor:pointer;
}

@media (max-width: 461px) and (min-width: 300px) {
  #logo {
    width: 100%;
    height: 110px;
	  float: left;
	  flex:1;
	  order: 1;
	  margin-top: 20px;
	   
  }
	
	#logo_img{
		height:110px;
	z-index: 1;
	}
	
}

@media (max-width: 1565px) and (min-width: 1200px) {
  #side {
    width: 461px;
    height: 100vh;
    float: left;
  }
}

@media (max-width: 1200px) and (min-width: 992px) {
  #side {
    width: 461px;
    height: 100vh;
    float: left;
  }
	
	

}

@media (max-width: 500px) and (min-width: 300px) {
  #fileloading {
     width: 100%;
	 height: calc(100vh - 186px);
	  overflow-y: auto;
	  margin-left: -0.5%;
    float: left;
     flex:3;
	  order: 3;
	  margin-top: 73px;
	      
	  
  }
	
	#main {
	
  min-width: calc(100% - 461px);
}

	
}



@media only screen and (max-width: 768px) and (min-width: 462px) {
  #side {
   width: 461px;
    height: 100vh;
    float: left;
	  background-repeat: no-repeat;
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  #side {
    width: 461px;
    height: 100vh;
    float: left;
	  background-repeat: no-repeat;
  }
}

@media (max-width: 461px) and (min-width: 300px) {
  #side {
    width: 100%;
    height: 100vh;
	  	 background-repeat: no-repeat;
	  
  }
}

#cartcontains {
  width: 461px;
  height: calc(100vh - 160px);
  float: left;
	margin-top: 15px;
	
}

@media (max-width: 461px) and (min-width: 300px) {
  #cartcontains {
    width: 100%;
    height: calc(100vh - 185px);
	  margin-top: 60px;
	  flex:4;
	  order:4;
       }
	
	.cartcon
{
	width:96%;	
	height: auto !important;
	border-radius: 10px 10px 10px 10px;
	margin-left: 10px;
	float: left;
	display: flex;
	flex-direction: column;
    flex-wrap: wrap;
	background-color: #FF3F00;
	


	
}
	
}



@media (min-width: 1545px) {
  #side {
    float: left;
    width: 461px;
    height: 100vh;
	  
  }
}

@media (min-width: 1545px) {
  #main {
    float: left;
    min-width: calc(100% - 461px);
    height: 100vh;
  }
}
@media (min-width: 501px) {
#fileloading {
 	width: 100%;
    height: calc(100vh - 89px);
    float: left;	
    overflow-y: auto;
	margin-top: 89px;
	  
	}
	
	#main {
	
  width: calc(100% - 461px);
}

	
	}



#main_top {
  position: fixed;
  min-width: calc(100% - 461px);
  float: left;
  height: 89px;
	z-index: 999;
  
}


#firstfilter {
  margin-top: 20px;	
}

#secondfilter {
  margin-top: 18px;
}

#phonecontent {
  margin-top: 20px;
}

#money {
  margin-top: 20px;
}



.sc-overflow {
  overflow-y: auto;
}

section {
  min-height: 100px;
}

article {
  height: 350px;
  background: #f4f4f4;
  padding: 10px;
}

#firstfilter {
}

#leftsiderupee {
  display: none;
}
#leftsiderupee1 {
  display: none;
}


.rupee_l
{
	cursor: pointer;
	margin-top: 7px;
	
}

.rupee_r
{
	cursor: pointer;
	margin-top: -20px;
	margin-left: 7px;
	
}
#rightsidecart {
  display: none;
}

@media (max-width: 461px) and (min-width: 300px) {
  #leftsiderupee {
    display: block;
    width: 60px;
    height: 68px;
    background-color: #fe3000;
    margin-top: -92px;
    /*z-index: -1;*/
    border-radius: 0px 50px 50px 0px;
	  cursor: pointer;
	  
  }
	
	  #leftsiderupee1 {
    display: none;
    width: 148px;
    height: 68px;
    background-color: #fff;
    /*z-index: -1;*/
    border-radius: 0px 50px 50px 0px;
	  cursor: pointer;
		      margin-top: -92px;
		   z-index: 999999;

  }
	
	.teleico1{
		width:35px;
		height: 35px;
		float:left;
		margin-left: 5px;
		margin-top: 15px;
	}

.whatsico1{
		width:35px;
		height: 35px;
		float:left;
	margin-left: 5px;
	margin-top: 15px;
	}
	
	.whatsico2{
		width:35px;
		height: 35px;
		float:left;
	margin-left: -15px;
		margin-top: -5px;
	
	}
	
	
}

@media (max-width: 461px) and (min-width: 300px) {
  #rightsidecart {
    display: block;
    width: 60px;
    height: 68px;
    background-color: #FFFFFF;
    margin-top: -70px;
    border-radius: 50px 0px 0px 50px;
    float: right;
	  cursor: pointer;
  }
	
	.itemtext
	{
		font-family: 'Roboto';
	color: #fff;
	font-size: 0.9em;
		background-color: #FF0004;
		border: none;
		outline: none;
		width:30px;
		height: 30px;
		border-radius: 30px 30px 30px 30px;
		margin-top: -20px;
		margin-left:  -15px;
		text-align: center;
		
		
		
	}
	
	
}

@media (max-width: 461px) and (min-width: 300px) {
  #rupee {
    margin-top: 10px;
    margin-left: 10px;
    width: 60px;
    height: 50px;
   
  }
}

@media (max-width: 461px) and (min-width: 300px) {
  #rupee-1 {
    margin-top: 10px;
    margin-left: 10px;
    width: 60px;
    height: 50px;
	
  }
}

@media (max-width: 461px) and (min-width: 300px) {
  #rupee1 {
    margin-top: 10px;
    margin-left: 10px;
    width: 60px;
    height: 50px;
    background-image:url("../img/ruppes-icon.png");
    background-repeat: no-repeat;
    /*display: block;*/
    /*line-height: 60px;*/
    /*border: none;*/
  }
}

button:active {
  outline: none;
  border: none;
}


#overlay {
   position: fixed;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
	display: none;
   left: 0;
background: rgba(0,0,0,0.5);
  backdrop-filter:blur(6px);
	z-index: 1001;
}


#overlay_location {
   position: fixed;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
   left: 0;
background: rgba(0,0,0,0.5);
  backdrop-filter:blur(6px);
	z-index: 1001;
}



#overlay_coupon {
   position: fixed;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
   left: 0;
	display: none;
background: rgba(0,0,0,0.5);
    backdrop-filter:blur(6px);

	z-index: 1001;
}


#overlay_paymentgateway {
   position: fixed;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
   left: 0;
	display: none;
background: rgba(0,0,0,0.5);
    backdrop-filter:blur(6px);

	z-index: 1001;
}


#overlay_paymentgateway1 {
   position: fixed;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
   left: 0;
background: rgba(0,0,0,0.5);
    backdrop-filter:blur(6px);
display: none;
	z-index: 1001;
}



#overlay_checkout {
   position: fixed;
   height: 100vh; 
	  width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
   left: 0;
	display: none;
background: rgba(0,0,0,0.5);
    backdrop-filter:blur(6px);
	z-index: 1001;
	overflow: auto;
}


#overlay_thankyou {
   position: fixed;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
   left: 0;
display: none;
background: rgba(0,0,0,0.5);
    backdrop-filter:blur(6px);
	z-index: 1001;
}

#overlay_thankyou1 {
   position: fixed;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
   left: 0;
background: rgba(0,0,0,0.5);
    backdrop-filter:blur(6px);
display: none;
	z-index: 1001;
}


#overlay_bankinfo{
   position: fixed;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
		display: none;

   left: 0;
	background: rgba(0,0,0,0.8);
    backdrop-filter:blur(6px);

	z-index: 1001;
}


.qrcode{
	
	width:350px;
	height: 170px;
	float: left;
	margin-top: 40px;
		border-bottom: dotted 2px #cccccc;

}



.qrcode1{
	
	width:350px;
	min-height: 120px;
	height: auto !important;
	float: left;
		border-bottom: dotted 2px #cccccc;

}

.qrcode2{
	
	width:350px;
	height: 60px;
	float: left;
		border-bottom: dotted 2px #cccccc;

}


.qrcode3{
	
	width:350px;
	height: 60px;
	float: left;
	border-bottom: dotted 2px #cccccc;
}

.qrcode4{
	
	width:350px;
	height: 80px;
	float: left;
}

.qrcode5{
	
	width:350px;
	height: 100px;
	float: left;
}


.qralign{
	font-family: "Roboto";
	font-size: 0.8em;
	color:#213268;
}

.qralign1{
	font-family: "Roboto";
	font-size: 0.8em;
	color:#213268;
	margin-top: 20px;
	margin-left: 20px;
	 white-space: pre-line; 
	
}

#rzp-button1{
	
	width:150px;
	height: 50px;
	color:#fff;
	outline: none;
	border: none;
	border-radius: 50px 50px 50px 50px;
	background-color: #fe3000;
	font-family: "Roboto";
	font-size: 0.9em;
	
}


#rzp-button17{
	
	width:150px;
	height: 50px;
	color:#fff;
	outline: none;
	border: none;
	border-radius: 50px 50px 50px 50px;
	background-color: #fe3000;
	font-family: "Roboto";
	font-size: 0.9em;
	
}

.qrparadiv{
	width:350px;
	height: 30px;
	float: left;
}


.qrparadiv1{
	width:250px;
	
	float: left;
}

.qrparadiv2{
	width:100px;
	float: left;
}

.qrimgdiv{
	
	width:350px;
	height: 130px;
	float: left;
	margin-top: -10px;

		

	
}

.bankimg{
	
	margin-top: 20px;
	width:80px;
	
}

.patumimg{
	margin-top: 10px;
	width:80px;
}


.phoneqralign{
	font-family: "Roboto";
	font-size: 0.8em;
	line-height: 60px;
	display: block;
	margin-left: 20px;
	color:#213268;
}

.qrimgalign{
	width:118px;
	height: 118px;
	
}

#overlay1 {
   position: fixed;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
   left: 0;
	background: rgba(0,0,0,0.8);
    backdrop-filter:blur(6px);

   display: none;
	z-index: 1001;
}

#overlay_welcome{
	   position: fixed;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
		background: rgba(0,0,0,0.5);
    backdrop-filter:blur(6px);

	        
   left: 0;
   	z-index: 1001;
}

#overlay_welimg{
	   position: fixed;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
	background: rgba(0,0,0,0.8);
    backdrop-filter:blur(6px);

   left: 0;
   	z-index: 1001;
}





#popup_welcome {
   
   width: 350px;
   min-height: 200px; 
	height: auto !important;
    background: #fff;
	position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
	z-index: 1001;
	border-radius: 10px 10px 10px 10px;
}
.topbarinfo{
	 width: 100px;
	height: 100px;
	float: left;


	
	
}

.topbarinfo1{
	 width: 350px;
	min-height: 80px;
	height: auto;
	float: left;
	margin-top: 20px;
		
}


.topbarinfo2{
	 width: 350px;
	height: 60px;
	float: left;
	margin-top: 20px;
		
}

.dummy_wel{
	width: 350px;
	height: 20px;
	float: left;
	
}



#popup_coupon {
   
   width: 350px;
   min-height: 200px; 
	height: auto !important;
    background: #fff;
	position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
	z-index: 1001;
	border-radius: 10px 10px 10px 10px;
}

#popup_paymentgateway{
   
   width: 350px;
   min-height: 320px; 
	height: auto !important;
	background: #fff;
	position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
	z-index: 1001;
	border-radius: 10px 10px 10px 10px;
}

#popup_paymentgateway1{
   
   width: 350px;
   min-height: 320px; 
	height: auto !important;
	background: #fff;
	position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
	z-index: 1001;
	border-radius: 10px 10px 10px 10px;
}



#popup_checkout
{
	  width: 350px;
   min-height: 70px; 
	height: auto;
	background: #fff;
	position:absolute;
	top:50%;
    left:50%;
    transform:translate(-50%, -50%);
	z-index: 1001;
	border-radius: 10px 10px 10px 10px;
	
	  
}


#popup_thankyou
{
	  width: 350px;
   min-height: 70px; 
	height: auto !important;
	background: #fff;
	position:absolute;
	top:50%;
    left:50%;
    transform:translate(-50%, -50%);
	z-index: 1001;
	border-radius: 10px 10px 10px 10px;
	
	
	  
}


#popup_lightbox
{
	
	position:absolute;
	top:50%;
    left:50%;
    transform:translate(-50%, -50%);
	z-index: 1001;
	
	
	  
}


#popup_welimg
{
	position:absolute;
	top:50%;
    left:50%;
    transform:translate(-50%, -50%);
	z-index: 1001;
	
	
	  
}



#popup_bankinfo
{
	  width: 350px;
   min-height: 70px; 
	height: auto !important;
	background: #fff;
	position:absolute;
	top:50%;
    left:50%;
    transform:translate(-50%, -50%);
	z-index: 1001;
	border-radius: 10px 10px 10px 10px;
	
	
	  
}


.clearfix{
	 width: 350px;
	height: auto !important;
		position:absolute;
	top:50%;
    left:50%;
    transform:translate(-50%, -50%);
	z-index: 1001;
	border-radius: 10px 10px 10px 10px;
	
}

.thnktxt{
	font-family:"Roboto";
	font-size: 1em;
	color:#000;
	
}

.thnktxt1{
	font-family:"Roboto";
	font-size: 0.8em;
	color:#555456;
	text-align: center; 
	margin-top: 20px;
	
}

.thnktxt2{
	font-family:"Roboto";
	font-size: 0.8em;
	color:#555456;
	text-align: center; 
	margin-top: -20px;
}



.orplaceimg{
	width:350px;
	height: 100px;
	float: left;
}

#thankyoup{
	width:350px;
	height: 40px;
	float: left;
}

#thankyoup2{
	width:350px;
	height: 60px;
	float: left;
		border-top: dotted 2px #cccccc;

}


#thankyoup3{
	width:350px;
	height: 20px;
	float: left;
	
}


#thankyoup1{
	width:350px;
	height: 30px;
	float: left;
}

#thankbutton{
	width:350px;
	height: 95px;
	float: left;

}

.scantopay{
	font-family:"Roboto";
	font-size:0.9em;
	color:#fff;
	width:120px;
	height: 40px;
	border: none;
	outline: none;
	background-color:#fe3000;
	border-radius: 25px 25px 25px 25px;
	margin-top: 20px;
	animation: heartbeat 1s infinite;

}


.scanupipmt{
	font-family:"Roboto";
	font-size:0.9em;
	color:#fff;
	width:120px;
	height: 40px;
	border: none;
	outline: none;
	background-color:#fe3000;
	border-radius: 25px 25px 25px 25px;
	margin-top: 20px;
	animation: heartbeat 1s infinite;

}

.scanupipmtc{
	font-family:"Roboto";
	font-size:0.9em;
	color:#fff;
	width:120px;
	height: 40px;
	border: none;
	outline: none;
	background-color:#fe3000;
	border-radius: 25px 25px 25px 25px;
	margin-top: 20px;

}


.cancelorder{
	font-family:"Roboto";
	font-size:0.9em;
	color:#fff;
	width:120px;
	height: 40px;
	border: none;
	outline: none;
	background-color:#fe3000;
	border-radius: 25px 25px 25px 25px;
	margin-top: 10px;
	margin-left: 20px;
}


.ocouani {
   
   width: 100px;
   height: 100px; 
	margin-top: -37%;
	margin-left: -10%;
    float: left;
}

.orderimg{
	width:100px;
	height: 100px;
	margin-left: 35%;
	margin-top: -20px;
}


.orderimg1{
	width:100px;
	height: 100px;
	margin-left: 35%;
}

.divforhead{
	width:350px;
	height: 30px;
	float: left;
	margin-top: 20px;
	z-index: -1;
}

.dummy_coupon{
	width:350px;
	height: 10px;
	float:left;
		border-bottom: dotted 2px #cccccc;

}

.divforhead1{
	width:350px;
	height: 80px;
	float: left;
	border-bottom: dotted 2px #cccccc;
		

}


.divforhead3{
	width:350px;
	height: 80px;
	float: left;
		border-bottom: dotted 2px #cccccc;

}


.divforhead2{
	width:350px;
	height: 50px;
	float: left;
	margin-top: -5px;
	
}


#popup {
   
   width: 372px;
   height: 320px; 
   background: #fff;
	background-image: url("../img/location-bg.png");
	   background-repeat: no-repeat;
	   background-position: right; 
	  
	position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
	z-index: 1001;
	border-radius: 10px 10px 10px 10px;
}

.buttondisplay{
	width:200px;
	height: 50px;
	text-align: center;
	margin-left: 22%;
	margin-top: 10px;
	cursor: pointer;
}

.buttondisplay1{
	width:350px;
	height: 50px;
	text-align: center;
	margin-left: 10px;
	margin-top: 10px;
	cursor: pointer;
}



#close {
   position: absolute;
   top: 10px;
   right: 10px;
   cursor: pointer;
   color: #000;
}

#close1 {
  margin-left: 100%;
   cursor: pointer;
   color: #000;
}



#close2 {
  margin-left: 96%;
margin-top: -5%;
   cursor: pointer;
   color: #000;
}

#close3 {
  margin-left: 95%;
	margin-top: -10px;
   cursor: pointer;
   color: #000;
}

#close4 {
  margin-left: 95%;
	margin-top: -10px;
   cursor: pointer;
   color: #000;
}

#close5 {
  margin-left: 95%;
	margin-top: -10px;
   cursor: pointer;
   color: #000;
}

#close7 {
  margin-left: 95%;
	margin-top: -10px;
   cursor: pointer;
   color: #000;
}

#close71 {
  margin-left: 95%;
	margin-top: -10px;
   cursor: pointer;
   color: #000;
}

#close8 {
  margin-left: 95%;
	margin-top: -10px;
   cursor: pointer;
   color: #000;
}


#close9 {
  margin-left: 100%;
   cursor: pointer;
   color: #000;
}


#close11 {
  margin-left: 100%;
   cursor: pointer;
   color: #000;
}


.location
{
	font-size: 16px;
font-weight: 800;
	font-family: Roboto;
color: #666465;
	margin-top: 40px;
	margin-left: 40px;
		
}

.locpara{
	font-size: 13px;
margin-top: 12px;
margin-bottom: 34px;
font-family: Roboto;
color: #666465;
	margin-left: 40px;
	
}

.locgetdiv{
	width:80%;
	height: 50px;
	margin-left: 10%;
	float: left;
	line-height: 50px;
	display: block;
}

#labcom{
	
	width:290px;
	height: 51px;
	margin-left: 40px;
	border-radius: 25px 25px 25px 25px;
	outline: none;
	color:#666465;
	border: 2px 2px 2px 2px #2F2F2F;
	background: transparent;
	cursor:pointer;
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round'  stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	   
	   background-position:right .75rem center,center right 2.25rem;
	background-size:16px 12px;
	padding-right:4.125rem;
	
		
}

#labcom::focus{
	outline: none !important;
	border:none !important;
	color: transparent !important;
       text-shadow: 0 0 0 #000 !important;
       background-image: none !important;
       border:0;
}

.locbut{
	width:112px;
		height:50px;
	background-color: #fe3000;
	border-radius: 50px 50px 50px 50px;
	margin-left: 35px;
	margin-top: 35px;
	border: none;
	outline: none;
	color:#FFFFFF;
	z-index: -1;
	
	
}

.pcouop{
	
	font-family: "Roboto";
	font-size: 1em;
	color:#6b6968;
	margin-top:3px;
	
}

.div1{
	width:30%;
	height: 50px;
	margin-top: 22px;
	margin-left: 10px;
	float: left;
}
.div2{
	width:60%;
	height: 50px;
	float: left;
	margin-left: 10px;
	display: table; 	

}

.offbut{
	outline: none;
	border: none;
	background-color: #fe3000;
	color: #fff;
	width: 100%;
	height: 30px;
	border-radius: 30px 30px 30px 30px;
	margin-left: 10px;
	font-size: 0.8em;
	
}

.offbut1{
	outline: none;
	border: none;
	background-color: #fe3000;
	color: #fff;
	width: 100%;
	height: 30px;
	border-radius: 30px 30px 30px 30px;
	margin-left: 10px;
	font-size: 0.8em;
	
}



.optval::focus{
	background-color: #5A5A5A;
}
#myInput {
  background-image: url("../img/search.png");
  background-position: 20px 14px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 0px 20px 0px 60px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
	border-radius: 30px 30px 30px 30px;
	outline: none !important;
	border:none !important;
	font-family: 'Roboto';
	color:#7A7A7A;
	font-size: 0.9em;
	
}

#catedrop
{
	width:100%;
	height: 50px;
	border-radius: 30px 30px 30px 30px;
	color: #7A7A7A;
	padding-left:20px;
	background-color: #fff;
	font-family: 'Roboto';
	font-size:1em;
}

@media (min-width: 501px) {
.form-select
{
	width:80%;
	height: 30px;
	border-radius: 30px 30px 30px 30px;
	color: #7A7A7A;
	background-color: #fff;
	float: left;
	font-family: 'Roboto';
	font-size: 0.8em;
	outline: none;
	cursor: pointer;
	padding-left: 10px;
	}
	
	
.dummy{
	width: 100%;
	height:50px;
	float: left;
}
	
	.container{
	
	width:96%;
	height: 70%;
	margin-left: 2%;
	float: left;
		z-index:-1;
		cursor: pointer;
}
	
	.cartcon
{
	width:96%;
height:auto !important;
	border-radius: 10px 10px 10px 10px;
	margin-left: 10px;
	float: left;
	display: flex;
	flex-direction: column;
    flex-wrap: wrap;
	
		background-color: #FF3F00;

	
}
	

	

	

}


.cartcon_top{
	width:100%;
	height: 35px;
	float: left;
	background-color: #e5e5e5;
	border-radius:10px 10px 0px 0px;

}

.cartoon_first{
	width:40%;
	height: 35px;
	float: left;
}

.cartoon_second{
	width:21%;
	height: 35px;
	float: left;
}

.cartoon_third{
	width:16%;
	height: 35px;
	float: left;
}

.cartoon_fourth{
	width:18%;
	height: 35px;
	float: left;
}

.cartoon_fifth{
	width:5%;
	height: 35px;
	float: left;
}
.cartoonp{
	font-family: Roboto;
	font-size: 0.8em;
	color:#919191;
	line-height: 35px;
	display: block;
	margin-left: 15px;
}

.cartoonpc{
	font-family: Roboto;
	font-size: 0.8em;
	color:#919191;
	line-height: 35px;
	display: block;
	
}

.firstli{
	width:100%;
	height: 64px;
	float: left;
	border-bottom: dotted 2px #BFBFBF;

}



.fouthli{
	width:96%;
	min-height: 100px;
	height: auto;
	background-color: #fff;
	float: left;
	margin-top: 20px;
	margin-left: 2%;
	border-radius: 10px 10px 10px 10px;
	
	

}


.fifthli{
	width:96%;
	height: 70px;

	float: left;
	
	

}

.secondli{
	width:100%;
	height: 64px;
	float: left;
	border-bottom: dotted 2px #BFBFBF;

	
	
}


.secondli_loc{
	width:100%;
	height: 64px;
	float: left;
	border-bottom: dotted 2px #BFBFBF;

	
	
}


.secondli_T{
	width:100%;
	height: 32px;
	float: left;
	border-bottom: dotted 2px #BFBFBF;

}


.thirdli{
	width:100%;
	height: 64px;
	float: left;

}

.checkout{
	
	width:100%;
	height: 64px;
	float: left;
	background-color: #48c340;
	outline: none;
	border: none;
	color: #fff;
	border-radius: 0px 0px 10px 10px;
	font-family: roboto;
	font-size: 1em;
}


@media (max-width: 500px) {
.form-select
{
	width:118%;
	height: 25px;
	border-radius: 30px 30px 30px 30px;
	color: #7A7A7A;
	background-color: #fff;
	float: left;
	font-family: 'Roboto';
	font-size: 0.6em;
	padding-top: 5px;
	margin-left: -7px;
	outline: none;
	cursor: pointer
	
		
	}
	
	
	
	
.dummy{
	width: 100%;
	height:80px;
	float: left;
}
	
	.container{
	
	width:100%;
	height: 70%;
		float: left;
		z-index: -1;
		cursor: pointer;
}
	
	
		.size_selection1
{
	width:100%;
	height: 50px;
	float: left;
		
}
	
	.fifthli{
	width:96%;
	height: 150px;

	float: left;
	
	

}
	



	
	
}


.dummy_checkout{
	width: 100%;
	height:80px;
	float: left;
}




#catedrop::focus{
	outline: none !important;
	border:none !important;
	   text-shadow: 0 0 0 #000 !important;
       border:0;
	
}

#loadingcart{
	
	
    width: 100%;
	padding-left: 0;
	list-style: none;
margin: 0;
padding: 0;

}



.fileloading_files
{

	width:100%;
	height: auto !important;
	min-height:300px;
	list-style: none;
margin: 0;
padding: 0;
	display: flex;
  flex-wrap: wrap;
	flex-direction: row;
   z-index: -1;

}






.slides{
	width:100%;
	height:100%;
	float: left;
	cursor:pointer;
	z-index: -5;
	
}

.item_heading{
	width:100%;
	height: 10%;
	float: left;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;


	
}


.item_heading1{
		width:100%;
	height:7%;

	
	float: left;
}
.item_heading2{
		width:100%;
height:10%;
	float: left;
	display: table; 
}


.item_paragraph_div
{
	width:100%;
		height:30%;
	float: left;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	
}

@media (min-width: 501px) {
.clickcount
	{
		font-family: 'Roboto';
	color: #fff;
	font-size: 0.9em;
		background-color: #FF0004;
		border: none;
		outline: none;
		width:30px;
		height: 30px;
		border-radius: 30px 30px 30px 30px;
		text-align: center;
		float:inherit;
		
	}
	
	.ccount{
		
	
		width:30px;
		height: 30px;
		margin-top: -15px;
		margin-left:  95%;
		
		
	}
	
	.size_selection1
{
	width:100%;
	height: 50px;
	float: left;
		
}

	
}

.item_para_left{
	
	width:75%;
	height:25%;
	float: left;
		border-bottom-left-radius: 10px;
	margin-top: -10px;

}

.size_selection
{
	width:100%;
	height: 30px;
	float: left;
	line-height: 30px;
	display: block;
	margin-left: 18px;
	
}


.rate1{
	width:100%;
	height: 25px;
	float: left;
	margin-top: 5px;
	
}

.rate2{
	width:100%;
	height: 25px;
	float: left;
	margin-top: 5px;
	
}


.item_para_right{
	
	width:25%;
	height:auto !important;
	float: left;
		border-bottom-left-radius: 10px;
	margin-top: -25px;

}



@media (min-width: 501px) {
.size_dis
{
		font-family: 'Roboto';
	color: #949395;
	font-size: 0.9em;
	margin-left: 7%;
	margin-top: 10px;
	float: left;
}
	
	#imgclick1{
		width:80%;
		height: auto;
		
	}
	
	#imgclick{
		width:500px;
		height: auto;
	}
	
}

@media (max-width: 500px) {
.size_dis
{
		font-family: 'Roboto';
	color: #949395;
	font-size: 0.7em;
	margin-left: 7%;
	margin-top: 10px;
	float: left;
}
	
	#imgclick1{
		width:300px;
		height: auto;
	}
	
	#imgclick{
		width:300px;
		height: auto;
	}
	
}

@media (min-width: 501px) {
.price_details{
	
		font-family: 'Roboto';

	color: #666465;
	font-size: 1.3em;
	margin-left: 7%;
	float: left;
	
}
.offerprice{
	font-family: 'Roboto';

	color: #666465;
	font-size: 0.8em;
	margin-left: 7%;
	margin-top: -2px;
	float: left;
	text-decoration: line-through !important;
}
	
	.offerprice1{
	font-family: 'Roboto';

	color: #666465;
	font-size: 0.8em;
	margin-left: 2%;
	margin-top: -2px;
	float: left;
}
	
}

@media (max-width: 500px) {
.price_details{
	
		font-family: 'Roboto';

	color: #666465;
	font-size: 1.3em;
	margin-left: 7%;
	margin-top: 2px;
	float: left;
}
.offerprice{
	font-family: 'Roboto';

	color: #666465;
	font-size: 0.7em;
	margin-left: 7%;
	margin-top: 0px;
	float: left;
	text-decoration: line-through !important;
}
	
		.offerprice1{
	font-family: 'Roboto';

	color: #666465;
	font-size: 0.6em;
	margin-left: 2%;
	margin-top: 1px;
	float: left;
}
	
}

@media (min-width: 501px) {
.add_pro{
	
	float:right;
	background-color: #f5ba15;
	border:none;
	outline: none;
	
	border-bottom-right-radius: 10px;
border-top-left-radius: 100%;
min-width: 79px;
min-height: 81px;
width: 79px;
height: 81px;
			
}
	.cartimage{
	margin-left: 15px;
	margin-top: 15px;
	}

}
@media (max-width: 500px) {
	.add_pro{
	
	float:right;
	background-color: #f5ba15;
	border:none;
	outline: none;
	margin-top: 30px;
	border-bottom-right-radius: 10px;
border-top-left-radius: 100%;
width: 50px;
height: 51px;
		
}
	.cartimage{
		width:25px;
		height: auto;
			margin-left: 10px;
		margin-top: 10px;

	
	}

}





@media (min-width: 501px) {
.item_heading_alignment{
	    font-family: 'Roboto';

	color: #666465;
	font-size: 0.9em;
	
		word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
	margin-left: 5%;
	margin-right: 4%;
	line-height: 1.3;
	margin-top: 10px;
	
	}
}

@media (min-width: 501px) {
.pdescription
{
	font-family: 'Roboto';
	color: #adadad;
	font-size: 0.75em;
	word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: -10px;
	line-height: 1.3;
	}

	.pdescription_left
{
	font-family: 'Roboto';
	color: #adadad;
	font-size: 0.75em;
	margin-left: 5%;
	margin-right: 5%;
		
	}

	
	
	.pdescription_test
{
	font-family: 'Roboto';
	color: #adadad;
	font-size: 0.75em;
	word-break: break-word;
  	margin-left: 5%;
	margin-right: 5%;
	margin-top: -10px;
	line-height: 1.3;
	}
}
@media (max-width: 500px) {
.pdescription
{
	font-family: 'Roboto';
	color: #adadad;
	font-size: 0.75em;
	word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: -10px;
	line-height: 1.3;
	}
	
		.pdescription_test
{
	font-family: 'Roboto';
	color: #adadad;
	font-size: 0.75em;
	word-break: break-word;
  	margin-left: 5%;
	margin-right: 5%;
	margin-top: -10px;
	line-height: 1.3;
	}
}




.fillamount
{
	width: 100%;
	height: 64px;
	list-style: none;
	text-decoration: none;
	float: left;
		background-color: #fff;

	

}


.fillamount_C
{
	width: 100%;
	height: 64px;
	list-style: none;
	text-decoration: none;
	float: left;

	

}

.fillamount_T
{
	width: 100%;
	height: 32px;
	list-style: none;
	text-decoration: none;
	float: left;
	background-color: #fff;

	

}


.fillamount6
{
	width: 100%;
	height: 25px;
	list-style: none;
	text-decoration: none;
	float: left;
		background-color:#fff;

	

}

.totalabel
{
	width: 96%;
	height: 50px;
	float: left;
	background-color:#fff;
	border-bottom: dotted 2px #BFBFBF;
	margin-left: 2%;
	


}



.side_paragraph
{
	width: 100%;
	min-height: 150px;
	height: auto !important;
	list-style: none;
	text-decoration: none;
	float: left;
	

}

.Last_cart
{
	width: 100%;
	height:7.4px;
	list-style: none;
	text-decoration: none;
	float: left;
	

}


.itemname
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	margin-left: 15px;
	width: 98%;
	margin-top: 15px;
	word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.itemname_C
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	width: 98%;
	margin-top: 15px;
	word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}



.itemname_gst
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	width: 98%;
	margin-top: 24%;
	display: block;
	word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}


.itemname_total
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	line-height: 64px;
	display: block;
	width: 100%;
	word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.itemname_total_T1
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	line-height: 32px;
	display: block;
	width: 100%;
	word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}



.itemname_total1
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	line-height: 64px;
	display: block;
	width: 100%;
	margin-left: 15px;
	word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}


.itemname_total1_T
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	line-height: 32px;
	display: block;
	width: 100%;
	margin-left: 15px;
	word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}




.itemname4
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	padding-left: 15px;
	padding-top: 20px;
	width: 95%;
	word-break: break-word;
   
}

.itemname5
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	padding-left: 15px;
	width: 97%;
	word-break: break-word;
	white-space: pre-line; 
	
	
   
}


.productdes{
	width: 40%;
	height: 64px;
	float: left;

	
	}



.productdes_T{
	width: 40%;
	height: 32px;
	float: left;

	
	}

.gst
{
	width: 16%;
	height: 64px;
	float: left;
	border-right: dotted 2px #BFBFBF;
}

.gst_total
{
	width: 295px;
	height: 77px;
	float: left;
	background-color: #fff;
	margin-left: -1px;
	border-bottom: dotted 2px #BFBFBF;
}

.canceldiv{
	width: 5%;
	height: 64px;
	float: left;
	
}

.canceldiv1{
	width: 5%;
	height: 64px;
	float: left;
	
}

.canceldiv3{
	width: 40px;
	height: 77px;
	float: left;
	background-color: #fff;
}


.canceldiv_total{
	width: 16px;
	height: 77px;
	float: left;
	background-color: #fff;
	border-bottom: dotted 2px #BFBFBF;
}

.gst1
{
	width: 18%;
	height: 64px;
	float: left;
	border-right: dotted 2px #BFBFBF;
	
}

.gst1_totals
{
	width: 18%;
	height: 64px;
	float: left;
	
	
}

.gst1_grandtotals
{
	width: 37%;
	height: 64px;
	float: left;
	
	
}
.gst13
{
	width: 60px;
	height: 77px;
	float: left;
	background-color: #fff;
	
	
}


.gst1_total
{
	width: 140px;
	height: 77px;
	float: left;
	background-color: #fff;
	border-bottom: dotted 2px #BFBFBF;
	
}


.productprice1{
	
	width:100%;
	height: 64px;
	float: left;
}

.productprice1_total{
	
	height: 38px;
	float: left;
}
.gstprice1
{
	width:60px;
	height: 39px;
	float: left;
	margin-top: -2px
}

.gst2
{
	width: 4px;
	height: 77px;
	float: left;
	background-color: #fff;
	border-bottom: dotted 2px #BFBFBF;
	
}

.gst23
{
	width: 4px;
	height: 77px;
	float: left;
	background-color: #fff;
	
	
}

.gst2_total
{
	width: 15px;
	height: 77px;
	float: left;
	background-color: #fff;
	border-bottom: dotted 2px #BFBFBF;
	padding-left: 10px;
	
}


.productprice2{
	
	width: 4px;
	height: 38px;
	float: left;
}
.productprice4{
	
	
	height: 77px;
	float: left;
}

.gstprice2
{
	
	width: 4px;
	height: 39px;
	float: left;
	margin-top: -2px
}


.gst3
{
	width: 15px;
	height: 77px;
	float: left;
	background-color: #fff;
	border-bottom: dotted 2px #BFBFBF;
	
}

.gst33
{
	width: 15px;
	height: 77px;
	float: left;
	background-color: #fff;
	
	
}


.gst3_total
{
	width: 35px;
	height: 77px;
	float: left;
	background-color: #fff;
	border-bottom: dotted 2px #BFBFBF;
	
}


.productprice3{
	
	width: 15px;
	height: 38px;
	float: left;
}
.gstprice3
{
	
	width: 15px;
	height: 39px;
	float: left;
		margin-top: -2px

}


.productprice{
	
	width: 100%;
	height: 64px;
	float: left;
}
.gstprice
{
	
	width: 55px;
	height: 39px;
	float: left;
		

}

.productprice_total{
	
	width:295px;
	height: 38px;
	float: left;
	margin-left: 10px;
}
.gstprice_total
{
	
	width:295px;
	height: 39px;
	float: left;
	margin-top: -2px;
		margin-left: 10px;

}

.gstname
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	width:100%;
	line-height: 64px;
	display: block;
	
	
}


.gstname_T
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	width:100%;
	line-height: 32px;
	display: block;
	
	
}

.gstname3
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
		margin-top: 3px;
	margin-left: 5px;

	
}


.pricename{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
	margin-top: 18px;
	
}

.pricename3{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
	margin-top: 18px;
	margin-left: 5px;
	
}

.pricename2{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
	margin-top: 18px;
}

.pricename4{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
	margin-top: 30px;
}

.pricename5{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
	margin-top: 30px;
	margin-left: 5px;
	
}

.pricename5_total{
	font-family: 'Roboto';
	color: #666465;
	font-size: 2.1em;
	margin-top: 13px;
	margin-left: 5px;
	
}


.gstname1
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
	margin-top: 3px;
	text-align: right;
	display: block;
	
}
.pricename1{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	line-height: 64px;
	display: block;
	width:100%;
		
}

.pricename_minus{
	font-family: 'Roboto';
	color: #ff0000;
	font-size: 0.8em;
	line-height: 64px;
	display: block;
	width:100%;
		
}

.pricename_3{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	line-height: 64px;
	display: block;
	width:100%;
	
}

.pricename1_T{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	line-height: 32px;
	display: block;
	width:100%;
	
}



.pricename6{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
	margin-top: 30px;
	text-align: right;
	
}

.pricename6{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
	margin-top: 30px;
	text-align: right;
	
}


.pricename6_total{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
	line-height: 64px;
	display: block;
	margin-left: 15px;
	
	}
.amount{
	font-family: 'Roboto';
	color: #666465;
		font-size:2em;
		line-height: 64px;
		display: block;
		margin-left: 20px;


}

.sidecount{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	border-radius: 20px 20px 20px 20px;
outline: none;
	width:40%;
	text-align: center;
	border: solid 1px #BFBFBF;
	float:left;
	margin-left: 2%;
	margin-top: -5px;
	
	
}

.totalcount{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
	border-radius: 20px 20px 20px 20px;
outline: none;
	width:25px;
	text-align: center;
	background-color: #fff;
	border: none;
	
	
}

.cart_limage{
	width:10px;
	height: 77px;
	float: left;
}

.proplusmin{
	width:21%;
		height: 64px;
	float: left;
	border-right: dotted 2px #BFBFBF;
	
}

.proplusmin_T{
	width:21%;
		height: 32px;
	float: left;
	border-right: dotted 2px #BFBFBF;
	
}



.mindiv{
	width:22px;
	height: 77px;
	float:left;
}
.pminus{
	margin-top: 27px;
	margin-left: -10px;
	cursor: pointer;
}

.pplus{
	margin-top: 27px;
	margin-left: 5px;
	cursor: pointer;
	
}

.productcount{
	width: 100%;
	height: 25px;
	float: left;
	margin-top: 25px;
		
}

.countletter
{
	font-family: 'Roboto';
	font-size: 1em;
	color: #fff;
	width:25px;
	text-align: center;
	
	
}

.canimg
{
	margin-top: 20px;
	cursor: pointer;
	
}

.canimg1
{
	margin-top: 27px;
	margin-left: 10px;
	cursor: pointer;
	
}


.locationdisplay
{
	width: 77%;
	height: 64px;
	float: left;
	
}


.locationdisplay_grand
{
	width: 62%;
	height: 64px;
	float: left;
	border-right: dotted 2px #BFBFBF;
	
}
.deliverycharges
{
		width: 80%;
	height: 32px;
	float: left;

}



.deliverycharges_total
{
	width: 45%;
	height: 64px;
	float: left;
}




.coupon_hidden
{
		width: 45%;
	height: 64px;
	float: left;

	
}

.couponcode_div1{
	width: 100%;
	height: 32px;
	float: left;
		
}

.couponcode_div2{
	width: 100%;
	height: 32px;
	float: left;
		
}


.couponacc{
	width: 35%;
	height: 64px;
	float: left;
	
}


.coupon_hidden1{
	width: 35%;
	height: 64px;
	float: left;
	
}


.couponcodeforuse{
	font-family: "Roboto";
	font-size: 0.9em;
	margin-top: 10px;
	font-weight: 600;
	color:#666465;
	
}

.couponcodeforuse1{
	font-family: "Roboto";
	font-size: 0.8em;
	color:#9e9e9e;
	
}

.couponcodeforremove{
	line-height: 64px;
		display: block;
	font-family: "Roboto";
	font-size: 0.8em;
	color:#006cff;
	margin-left: 20px;
	cursor: pointer;
	
}



.accimg{
	margin-left:10px;
	margin-top:20px;
	width:23px;
	height: 23px;
}

.invimg
{
	margin-left:10px;
	margin-top:20px;
	width:23px;
	height: 23px;
}
.couponcode
{
	width: 80%;
	height: 38px;
	margin-top: 13px;
	border-radius: 25px 25px 25px 25px;
	padding-left: 15px;
	font-family: roboto;
	font-size: 0.8em;
	color:#666465;
	outline: none;
	border: solid 1px #BFBFBF;
	background-color: transparent;
	
}

.deliverymain{
	width:100%;
	height: 64px;
	float:left;
	
}
.deliveryimg
{
	margin-left: 15px;
	margin-top: 21px;
}

.deliveryimg1
{
	margin-left: 10px;
	
}



.deliveryloc
{
	width: 80%;
	height: 32px;
	float: left;

}
.delivery_label{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	margin-top: 15px;
	margin-left:20px; 
}

.delivery_label_coupon{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	line-height: 64px;
	display: block;
	margin-left: 10px;
	
}

.firstcou{
	width:25%;
	height: 64px;
	float: Left;
}

.secondcou{
	width:75%;
	height: 64px;
	
	float: Left;
}


.delivery_label_notes{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	line-height: 35px;
	display: block;
	margin-left: 15px;
	
}



.delivery_label1{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	margin-left:20px; 
	float: left;
}

.butondec
{
	font-family: 'Roboto';
	color: #fff;
	font-size: 0.9em;
	background-color: #5bab56;
	border: none;
	outline: none;
	border-radius: 10px 10px 10px 10px;
	height:35px;
	margin-top: 10px;
	width:100px;
	margin-left: 65%;
	
}


.delivery_label2{
	font-family: 'Roboto';
	font-size: 0.8em;
	margin-left:10px; 
	float: left;
	color: #006cff;
	cursor: pointer;
}


.delivery
{
	width:20%;
	height: 64px;
	float: left;
	outline: none;
	border: none;
	background-color: transparent;
		 

}


.delivery_cou
{
	width:20%;
	height: 64px;
	float: left;
	  animation: heartbeat 1s infinite;
	cursor: pointer;
	outline: none;
	border: none;
	background-color: transparent;

}

.chec_con{
	width:98%;
	background-color: #fff;
		min-height: 100px;
height: auto !important;
float:left;}

.last_castle{
	width:98%;
	height:7px;
float:left;
background-image:url("../img/checkout-bottom-bg.png")
}

.sidePara
{
	width:100%;
height: 80px;
	float: left;
	
	
}

.sidePara1
{
	width:100%;
	overflow-y: auto;
	float: left;
	

	
	
}

.coupara{
	
	 font-family: 'Roboto';
		color: #666465;
	height: 75px;
	font-size: 0.8em;
	text-align:center; 
  vertical-align: middle;
  display: table-cell; 
	
	
	
	
}


.coupara1{
	
	 font-family: 'Roboto';
		color: #666465;
	height: 75px;
	font-size: 0.8em;
	margin-left: 20px;
	line-height: 80px;
	display: block;
	
	
}

.couponinput{
	width:25px;
	height: 25px;
	border-radius: 25px 25px 25px 25px;
	outline: none;
	background-color: #fe3000;
	color: #fff;
	font-family: "Roboto";
	font-size: 0.8em;
	border: none;
	text-align: center;
}

@media (max-width: 500px) and (min-width: 300px) {
	
#popup {
   
   width: 300px;
   height: 280px; 
   background: #fff;
	background-image: url("../img/location-bg.png");
	background-size:50%;
	   background-repeat: no-repeat;
	   background-position: right; 
	position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
	z-index: 1001;
	border-radius: 10px 10px 10px 10px;
}
	.location
{
	font-size: 14px;
font-weight: 800;
	font-family: Roboto;
color: #666465;
	margin-top: 20px;
	margin-left: 20px;
		
}
	.locpara{
	font-size: 10px;
margin-top: 15px;
margin-bottom: 34px;
font-family: Roboto;
color: #666465;
		width:250px;
		display: block;
	margin-left: 30px;
	
}
	
	
		
	
	#labcom{
	
	width:250px;
	height: 41px;
	border-radius: 25px 25px 25px 25px;
	outline: none;
	color:#666465;
	border: 2px 2px 2px 2px #2F2F2F;
	background: transparent;
	cursor:pointer;
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round'  stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	margin-left: 25px;   
	background-position:right .75rem center,center right 2.25rem;
	background-size:16px 12px;
	padding-right:4.125rem;
		margin-top: -15px;
	
		
}
	
	.locbut{
	width:100px;
		height:50px;
	background-color: #fe3000;
	border-radius: 50px 50px 50px 50px;
	margin-left: 30px;
	margin-top: 25px;
	border: none;
	outline: none;
	color:#FFFFFF;
	
	
}
	
	
	
	
	.locgetdiv{
	width:80%;
	height: 50px;
		margin-top: -15px;
	margin-left: 10%;
	float: left;
	line-height: 50px;
	display: block;
}

	
	
	.closeimage{
		width:25px;
		height: 25px;
	}
	
	.location
{
	font-size: 16px;
font-weight: 800;
	font-family: Roboto;
color: #666465;
	margin-top: 40px;
	margin-left: 29px;
		
}
	
	

#loadingcart{
	
	
    width: 100%;
		
	padding-left: 0;
	list-style: none;
margin: 0;
padding: 0;

}

.fillamount
{
	width: 100%;
	height: 64px;
	list-style: none;
	text-decoration: none;
	float: left;
	background-color: #fff;
		
}
	
	
	.fillamount_C
{
	width: 100%;
	height: 64px;
	list-style: none;
	text-decoration: none;
	float: left;

}
	
		.fillamount_T
{
	width: 100%;
	height: 32px;
	list-style: none;
	text-decoration: none;
	float: left;
		background-color: #fff;


}
	
.fillamount6
{
	width: 100%;
	height: 25px;
	list-style: none;
	text-decoration: none;
	float: left;
	margin-left: 2%;
	background-color: #fff;
	
	

}

	.side_paragraph
{
	width: 99.70%;
	min-height: 150px;
	height: auto !important;
	list-style: none;
	text-decoration: none;
	float: left;
	margin-left: 2%;
	
	

}
	
	.Last_cart{
		width: 98%;
	height: 7.4px;
	list-style: none;
	text-decoration: none;
	float: left;
	margin-left: 2%;
		
	}

.cart_limage{
	width:10px;
	height: 77px;
	float: left;
}
	.productdes{
	width: 40%;
	height: 64px;
	float: left;
			

	
}
	
		.productdes_T{
	width: 40%;
	height: 32px;
	float: left;
}
	
.itemname
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	margin-left: 15px;
	width: 98%;
	margin-top: 15px;
	word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}
	
	
	.itemname_C
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	width: 98%;
	margin-top: 15px;
	word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}
	
	
	
.itemname_gst
{
	
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	width: 98%;
	margin-top: 24%;
	display: block;
	word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}	
	
	
	.proplusmin{
	width:21%;
	height: 64px;
	float: left;
border-right: dotted 2px #BFBFBF;
	}
	
.proplusmin_T{
	width:21%;
	height: 32px;
	float: left;
border-right: dotted 2px #BFBFBF;
	}
		
	
	
.productcount{
	width: 100%;
	height: 25px;
	float: left;
	margin-top: 25px;
		
}
.sidecount{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	border-radius: 20px 20px 20px 20px;
outline: none;
	width:40%;
	text-align: center;
	border: solid 1px #BFBFBF;
	float:left;
		
}	
.gst
{
	width: 16%;
	height: 64px;
	float: left;
	border-right: dotted 2px #BFBFBF;
	
	
	
}	
.productprice{
	
	
	height: 64px;
	float: left;
}
	
	.gstprice
{
	
	
	height: 38.5px;
	float: left;
	

}
	
.pricename{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	
	
}
	

	.gstname
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	width:100%;
	line-height: 64px;
	display: block;
	
	
}
	
	
		.gstname_T
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	width:100%;
	line-height: 32px;
	display: block;
	
	
}
	
	
.gstname2
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
		
	
}	
	
	.gstname3
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
		
	
}	

	
	.gst2
{
	width: 0.95%;
	height: 77px;
	float: left;
	background-color: #fff;
	border-bottom: dotted 2px #BFBFBF;
	
}

.productprice2{
	
	
	height: 38px;
	float: left;
}	
.pricename2{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
	margin-top: 18px;
}
.gstprice2
{
	
	
	height: 39px;
	float: left;
	margin-top: -2px
}
.gst3
{
	width: 3.43%;
	height: 77px;
	float: left;
	background-color: #fff;
	border-bottom: dotted 2px #BFBFBF;
	
}	
.productprice3{
	
	
	height: 38px;
	float: left;
}	

.pricename3{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
	margin-top: 18px;
	margin-left: 5px;
	
}	
.gstprice3
{
	
	
	height: 39px;
	float: left;
		margin-top: -2px

}	

.gst1
{
	width: 18%;
	height: 64px;
	float: left;
	border-right: dotted 2px #BFBFBF;
	
}	
	
.gst1_totals
{
	width: 18%;
	height: 64px;
	float: left;
	
	
}		
	
.gst1_grandtotals
{
	width: 37%;
	height: 64px;
	float: left;
	
	
}		
	

	
	
.productprice1{
	
	width: 100%;
	height: 64px;
	float: left;
}
	
.pricename1{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	line-height: 64px;
	display: block;
	width:100%;

	
}
	
.pricename1_T{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.8em;
	line-height: 32px;
	display: block;
	width:100%;

	
}
	
.gstprice1
{
	width: 100%;
	height: 50%;
	float: left;
	margin-top: -2px
	
	}	
.gstname1
{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
	text-align: right;
	
}	
.canceldiv{
	width: 5%;
	height: 64px;
	float: left;
	
}
	
	.canimg
{
width:15px;
	height: 15px;
	margin-top: 27px;
	cursor: pointer;
	
}
	
	.locationdisplay
{
	width: 77%;
	height: 64px;
	float: left;
	
	}
	
	
		.locationdisplay_grand
{
	width: 62%;
	height: 64px;
	float: left;
		border-right: dotted 2px #BFBFBF;

	
	}
	
	
.gst_total
{
	width: 66.2%;
	height: 77px;
	float: left;
	background-color: #fff;
	border-bottom: dotted 2px #BFBFBF;
	margin-left: -1px;
	
}
	
	.gst3_total
{
	width: 5.18%;
	height: 77px;
	float: left;
	background-color: #fff;
	border-bottom: dotted 2px #BFBFBF;
	
}
	
	.pricename5_total{
	font-family: 'Roboto';
	color: #666465;
	font-size: 1.3em;
	margin-top: 20px;
	margin-left: 5px;
	
}
	
	.gst1_total
{
	width: 27.97%;
	height: 77px;
	float: left;
	background-color: #fff;
	border-bottom: dotted 2px #BFBFBF;
	
}
.pricename6_total{
	font-family: 'Roboto';
	color: #666465;
	font-size: 0.9em;
	line-height: 64px;
	display: block;
	margin-left: 15px;
	
}
	.canceldiv_total{
	width: 3.28%;
	height: 77px;
	float: left;
	background-color: #fff;
	border-bottom: dotted 2px #BFBFBF;
}
	
	.gstprice_total
{
	
	
	height: 8%;
	float: left;
	margin-top: -2px;
		margin-left: 10px;

}
	
.gst2_total
{
	width: 3.08%;
	height: 77px;
	float: left;
	background-color: #fff;
	border-bottom: dotted 2px #BFBFBF;
	padding-left: 10px;
	
}
	
.last_castle{
	width:98%;
	height:7px;
float:left;
background-image:url("../img/checkout-bottom-bg.png")
}	
	


	.chec_con{
	width:98%;
	background-color: #fff;
		min-height: 100px;
height: auto !important;
}
	
	
	.totalabel
{
	width: 96%;
	height: 50px;
	float: left;
	border-bottom: dotted 2px #BFBFBF;
	
	


}
	
	.amount{
	font-family: 'Roboto';
	color: #666465;
		font-size:2em;
		line-height: 64px;
		display: block;
		margin-left: 20px;

}


	
}



 #slides {
      display: none;
		  
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
		      display:none;
		z-index: -1;

    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-repeat: no-repeat;
      display:none;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
		      display:none;

    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
		display:none;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
		      display:none;

    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 8px 0 0;
margin-left: 30%;
		list-style: none;
		float:inherit;
    }

    .slidesjs-pagination li {
      float:inherit;
	  margin: 0 2px;
		
    }

    .slidesjs-pagination li a {
      display: block;
	
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
		color: #BFBFBF;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px;
		  color:#989898;

    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px;
    }



    #slides a:link,
    #slides a:visited {
      color: #989898;
    }

    #slides a:hover,
    #slides a:active {
      color: #BFBFBF;
    }

    .navbar {
      overflow: hidden;
    }


@media (max-width: 500px) and (min-width: 300px) {
.sidebar-mobile { display: block;width:150px;height:40px; margin: 0 auto 30px;border: 1px solid #fe3000;background:#fe3000; color: #fff;;position: fixed; bottom:5px;z-index: 998; left: 0;right: 0; border-radius: 25px; padding:0px 0px 5px 0; cursor: pointer;font-family: 'Roboto';font-size: 1em; outline:none; line-height: 40px;position: fixed;}

.menu-icon {width:18px;height:20px;margin-top:6px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out; position: absolute;right:16px;top:4px;}
    .menu-icon span {display: block;position: absolute;height:2px;width: 100%;background:#fff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
    .menu-icon span:nth-child(2),.menu-icon span:nth-child(3) {top:7.4px;}
    .menu-icon span:nth-child(4) {top:14.8px;}
	
	#menu_cate {display: block;width:300px; min-height:80px;max-height: 280px; margin: 0 auto 75px;background:#fff; color: #fff;position: fixed; bottom:6px;z-index: 999; left: 0;right: 0; border-radius: 5px; padding:3px 0px 0px 0; cursor: pointer;font-family: 'Roboto';border: thin solid #ced4da;font-size: 1em; outline:none;overflow-y: auto;}
	
	.menuloading
	{
		width:100%;
					list-style: none;
margin: 0;
padding: 0;
	display: flex;
  flex-wrap: wrap;
	flex-direction: column;

	}
	
		.menuliloading
	{
		width:100%;
		height: 40px;
	font-family: 'Roboto';

	font-size: 1em;
		color:#828282;
		line-height:40px;
			display:block;
		padding-left:10px;
		  border-bottom: thin solid #ced4da; 
  
	}

			.menuliloading:focus,.menuliloading:hover
	{
		background-color: #fe3000;
		color:#fff;
		

		
	}

	
}

ul{
			list-style: none outside none;
		    padding-left: 0;
            margin: 0;
		}
        .demo .item{
            margin-bottom: 60px;
			text-align: center;
        }
		.content-slider li{
		    background-color: #ed3020;
		    text-align: center;
		    color: #FFF;
		}
		.content-slider h3 {
		    margin: 0;
		    padding: 70px 0;
		}
		.demo{
			width: 800px;
			position:absolute;
    top:15%;
    left:40%;
    
		}


@media (max-width: 500px) and (min-width: 300px) {
	
	.demo{
			width: 100%;
			position:relative;
    top:15%;
				margin-left: -35%;
   
		}
	
	.item{
		width: 100%;
		
	}
	.clearfix{
		
		width:320px;
		height:350px;
	}
	

	
	
	
	#image-gallery img{
			width:320px;

	}

}





select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #fff;
	color: #7A7A7A;
  background-image: none;
}
/* Remove IE arrow */
select::-ms-expand {
  display: none;
}
/* Custom Select */
.select {
  position: relative;
  display: flex;
  background: #fff;
  overflow: hidden;
	color: #7A7A7A;
  border-radius: 25px 25px 25px 25px;
			border: solid 1px #cacccd;

}
select {
  flex: 1;
  padding: 0 .5em;
  cursor: pointer;
	  background: #fff;
	color: #7A7A7A;

}
/* Arrow */
.select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 1em;
  background:#fff;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
/* Transition */
.select:hover::after {
   
}

.img1{
	width:100%;
	height:100%;
	float:left;
}

.csupport
{
	float:left;
	margin-left: 15px;
	margin-top: 7px;
}


.minusbut
{
width:25%;
	height: 25px;
	float: left;
	outline: none;
	border: none;
	background-color: transparent;
	margin-top: -7px;
}

.plusbut
{
width:25%;
	height: 25px;
	float: left;
	outline: none;
	border: none;
	background-color: transparent;
	margin-top: -7px;
	margin-left: 2px;
}

@media (min-width: 501px) {

  #logo {
    width: 100%;
    height: 140px;
	  float: left;
	  flex:1;
	  order: 1;
	  margin-top: 20px;
	   
  }

#logo_img{
	height:140px;
	z-index: 1;
	
}
}

@keyframes heartbeat
{
  0%
  {
    transform: scale( .75 );
  }
  20%
  {
    transform: scale( 1 );
  }
  40%
  {
    transform: scale( .75 );
  }
  60%
  {
    transform: scale( 1 );
  }
  80%
  {
    transform: scale( .75 );
  }
  100%
  {
    transform: scale( .75 );
  }
}

@keyframes slide-left {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}

@keyframes slide-right {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0%;
  }
}


@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.checkdiv1

{
	
	width:300px;
	height: 20px;
	float: left;
	margin-top: 20px;
}


.checkdiv2

{
	
	width:330px;
	height: 20px;
	margin-top: 10px;
	float: left;
}

.deliverto{
	font-family: "Roboto";
	font-size: 0.9em;
	font-weight: 600;
	color:#555456;
	margin-left: 40px;
	
}

.deliverto1{
	font-family: "Roboto";
	font-size: 0.8em;
	color:#555456;
	margin-left: 40px;
	
	
}

.nametxt{
	width:94%;
	height: 40px;
	color:#555456;
	padding-left: 20px;
	margin-left: 20px;
	border-radius: 20px 20px 20px 20px;
	border: none;
	outline: none;
	border: 1px solid #b7b7b7;
	font-family: "Roboto";
	font-size: 0.8em;
		
}

#selected-option2{
	width:94%;
	height: 40px;
	color:#555456;
	padding-left: 20px;
	margin-left: 20px;
	border-radius: 20px 20px 20px 20px;
	border: none;
	outline: none;
	border: 1px solid #b7b7b7;
	font-family: "Roboto";
	font-size: 0.8em;
		
}



.nametxt_mod{
	width:94%;
	height: 40px;
	color:#555456;
	padding-left: 20px;
	margin-left: 20px;
	border-radius: 20px 20px 20px 20px;
	border: none;
	outline: none;
	border: 1px solid #b7b7b7;
	font-family: "Roboto";
	font-size: 0.8em;
		
}


.nametxt_cou{
	width:65%;
	height: 40px;
	color:#555456;
	padding-left: 20px;
	margin-left: 45px;
	margin-top:-10px;
	border-radius: 20px 20px 20px 20px;
	border: none;
	outline: none;
	border: 1px solid #b7b7b7;
	font-family: "Roboto";
	font-size: 0.8em;
		
		
	
}

.cou_but{
	border: none;
	outline: none;
	background-color: transparent;
	margin-left: 10px;
}

.chec_but{
	border: none;
	outline: none;
	background-color: transparent;
}

.error_msg{
	font-family: "Roboto";
	font-size: 0.9em;
	color:#FF0004;
}

.checkdiv3

{
	
	width:330px;
	height: 50px;
	margin-top: 40px;
	float: left;
}


.checkdiv4

{
	
	width:330px;
	height: 50px;
	margin-top: 10px;
	float: left;
}

.checkdiv8

{
	
	width:330px;
	height: 50px;
	margin-top: 10px;
	float: left;
}

.checkdiv_mobile

{
	
	width:330px;
	height: 65px;
	margin-top: 20px;
	float: left;
}


.checkdiv_user

{
	
	width:300px;
	height: 80px;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	
	}

.checkdiv6

{
	
	width:330px;
	height: 20px;
	margin-top: 10px;
	float: left;
}

.checkdiv7

{
	
	width:330px;
	height: 40px;
	margin-top: 10px;
	float: left;
}




.firstbut

{
	
	width:165px;
	height: 50px;
	margin-top: 10px;
	float: left;
	font-family: "Roboto";
	font-size:0.8em;
}



.firstbut_user

{
	
	width:150px;
	height: 30px;
	float: left;
	font-family: "Roboto";
	font-size:0.8em;
}

.checkbut{
	
	width:135px;
	height: 30px;
	border: none;
	outline: none;
	border-radius: 25px 25px 25px 25px;
	background-color: #ff0004;
	color:#fff;
	float: right;
	margin-top: 5px;
	margin-left: 25px;
	
}

.checkbut1{
	
	width:135px;
	height: 30px;
	border: none;
	outline: none;
	border-radius: 25px 25px 25px 25px;
	background-color: #ff0004;
	color:#fff;
	margin-left: 20px;
	margin-top: 5px;
	
	
}



.checkbut2{
	
	width:135px;
	height: 40px;
	border: none;
	outline: none;
	border-radius: 25px 25px 25px 25px;
	background-color: #ff0004;
	color:#fff;
	float: right;
	margin-top: 5px;
	margin-left: 25px;
	
}

.checkbut3{
	
	width:135px;
	height: 40px;
	border: none;
	outline: none;
	border-radius: 25px 25px 25px 25px;
	background-color: #ff0004;
	color:#fff;
	margin-top: 5px;
	margin-left: 15px;
	
	
}



.Seconbut

{
	
	width:165px;
	height: 30px;
	margin-top: 10px;
	float: left;
	font-family: "Roboto";
	font-size:0.8em;
}

.Seconbut_user

{
	
	width:150px;
	height: 50px;
	float: left;
	font-family: "Roboto";
	font-size:0.8em;
}


.checkdiv5{
	width:330px;
	min-height: 50px;
	height: auto !important;
	margin-top: 10px;
	float: left;
}

.addtxt{
	width:94%;
	min-height: 90px;
	color:#555456;
	padding-left: 20px;
	padding-top: 10px;
	margin-left: 20px;
	border-radius: 10px 10px 10px 10px;
	border: none;
	outline: none;
	border: 1px solid #b7b7b7;
	font-family: "Roboto";
	font-size: 0.8em;
}

.addtxt1{
	width:94%;
	height: 60px;
	color:#555456;
	padding-left: 20px;
	padding-top: 10px;
	margin-left: 20px;
	border-radius: 10px 10px 10px 10px;
	border: none;
	outline: none;
	border: 1px solid #b7b7b7;
	font-family: "Roboto";
	font-size: 0.8em;
}

.couponimage:hover .coupontooltip1{
	 display: block;
	
}

@media (max-width: 501px) {
	
	.coupontooltip {
		display: none;
	}
	
}
@media (min-width: 501px) {
	
	#secondfilter:hover .coupontooltip{
	    display: block;
}
.coupontooltip {
    display: none;
    background: #fff;
	color:#666465;
	font-family: "Roboto";
	font-size: 0.8em;
	border: 1px solid #b7b7b7;
	border-radius: 10px 10px 10px 10px;
    margin-left: 28px;
    padding-left: 15px;
	  padding-right: 15px;
    position: fixed;
    z-index: 99999;
	width: auto;
    min-width:200px;
    min-height:30px;
	height: auto;
}
}
.coupontooltip1 {
    display: none;
    background: #fff;
	color:#666465;
	font-family: "Roboto";
	font-size: 0.8em;
	border: solid 0.5px #b7b7b7;
	border-radius: 10px 10px 10px 10px;
    margin-left: 28px;
	margin-top: 50px;
	padding-top: 15px;
    position: inherit;
    z-index: 999999;
	  position: fixed;
    width:250px;
    min-height:50px;
	height: auto;
	text-align:center; 
  vertical-align: middle;
	
	
}