/* CSS Document */
	@font-face{font-family: 'WebRupee';src: url('../fonts/WebRupee.V2.0.eot');src: local('WebRupee'), url('../fonts/WebRupee.V2.0.ttf') format('truetype'),  url('../fonts/WebRupee.V2.0.woff') format('woff'), url('../fonts/WebRupee.V2.0.svg') format('svg');font-weight: normal;font-style: normal;}
	.WebRupee{font-family: 'WebRupee';}
	body
	{
		margin: 0px;
		padding: 0px;
		border: 0px;
		font: inherit;
		vertical-align: baseline;
		font-weight: normal; 

		-webkit-font-smoothing: subpixel-antialiased;
		font-smoothing: antialiased;
		font-smooth: antialiased;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-webkit-font-smoothing: subpixel-antialiased !important;
		font-smoothing: subpixel-antialiased !important;
		font-smooth: subpixel-antialiased;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		background-color: white;
		line-height: 25px;
		letter-spacing: .8px;
		width: 100%;
		margin: 0 !important;
		padding: 0;

	}
	html, body
	{
		height: 100%;
		width: 100%;
	}
	img
	{
		height: 100%;
		width: 100%;
	}
	#topborder
	{
		width: 100%;
		height: 30px;
		padding-top: 3px;	
		background-color: #0099cc;
		font-size: 14px;
		color: #fff;z-index:10;
		text-align: center;
	}
	#headertxt
	{
		color: #333;
		padding-top: 35px;	
		float: right;
		font-size: 14px;
		text-align: right;
	}
	#headertxt a
	{
		color: #666;
		padding-right: 5px;
	}
	#headertxt a:hover
	{
		color: #74751d;
		padding-right: 5px;
		text-decoration: none;
	}

	.toptxt2
	{
		padding-top: 20px;

	}
	.toptxt2 img
	{
		margin-left: 20px;
	}

	#logo1
	{
		padding:1px 0px;
	}
	#logo1 img
	{
		max-width: 100px;margin:10px;
	}
	.logo1
	{
		max-width: 100px;
		float: left;
	}
	.topbtm
	{
		
		border-bottom: 1.1px dotted #0099cc;
	}
	.topnav
	{

		border-bottom: 1.1px dotted #0099cc; 
	}
	.loginlink
	{
		color:#fff;
		text-align:center;
		background-color: #0099cc; 
		margin-right:10px; 
		height:20px; 
		padding:7px;
		padding-left:10px; 
		border-radius:3px; 
		width:100px;
	}
	.loginlink a {color:#fff;}
	.loginlink a :hover{color:#fff;}
	.sell
	{
		color:#fff;
		font-weight:500;
		text-align:center;
		background-color: #0099cc;
		padding-top:3px; 
		height:30px; 
		margin-top:25px;
		text-align:center;
		border-radius:3px; 
		width:75px;
	}
	.sell a {color:#fff;}
	.sell a :hover{color:#fff;}
	
	/*content area */
	.itemheading
	{
		margin-top:50px;	
		border-top: 1px dotted #074da0;
		border-bottom: 1px dotted #074da0;	
		border-left:6px solid #0d8fdb;
		border-right:1px dotted #0d8fdb;
		margin-bottom:20px;
	}
	.itemheading h3
	{
		text-align:left;
		margin:0 auto;
		max-width:1400px;
		font-size:22px;
		height:22px;
		margin-top:10px;
		margin-bottom:10px;
		}
	.itemsarea
	{
		min-height: 350px;
		font-family: Arial, Helvetica, sans-serif;
		margin:0 auto;
		margin-top: 5px;	
		margin-bottom:25px;
		padding-top: 20px;
		text-align:center;
		max-width:1400px;
	}
	.itemscontainer
	{
		text-align:center;width:100%;
	}

	.item
	{
		width: 265px;
		height: 440px;	
		border: 1px solid #ccc;
		background-color: #fff;
		margin-right: .5%;
		margin-left: .5%;	
		padding-top: 25px;
		margin-top: 0px; text-align:center;
		margin-bottom: 15px;
		border-bottom:3px solid #e3dee2;
		margin-bottom:25px;

	}
	.item:hover
	{
		width: 265px;
		height: 440px;	
		border: 1px solid #ccc;
		background-color: #fff;
		margin-right: .5%;
		margin-left: .5%;	
		padding-top: 25px;
		margin-top: 0px; text-align:center;
		margin-bottom: 15px;
		border-bottom:3px solid #e3dee2;
		margin-bottom:25px;
		box-shadow: 1px 5px 15px #ddd ;
		border-bottom:6px solid #e3dee2;
		transition: 0.2s ease-in-out;

	}
	.prdimg{max-height:250px; 
		max-width:250px; }
	#item img
	{
		width: 100%;
                height: auto;
                object-fit: contain;

	}
	.item
	{
		display:block;
	}
	.itemmob
	{
		display:done;
	}
	.offer
	{
		text-align:center;
		margin-bottom:5px;font-size:12px;
		padding:-10px 5px;
		margin-left:-15px;
		margin-top:-25px;height:23px;
		max-width:68px;color:#fff;font-weight:bold;
		background-color:#11519e;
		border-radius:3px;
	}
	.offer1
	{
		text-align:center;
		margin-bottom:5px;font-size:12px;
		padding:-10px 5px;
		margin-left:-15px;
		margin-top:-25px;height:23px;
		max-width:68px;color:#fff;font-weight:bold;
		background-color:#fff;
		border-radius:3px;
	}
	.itemname
	{ 
		font-size: 14px;
		line-height:22px;
		color:#1e4777; 
		font-weight:500;
		padding-top: 10px;
		padding-bottom:2px; 
		padding:8px; 
		text-align: center;
	}
	.item a:hover{
		text-decoration:none;
		}	
	.itemprice1
	{
		color:#333;
		width:40%;
		float:left;
		font-size: 15px; 
		font-weight: 500;
		padding-top: 10px;
		padding-bottom:5px; 
		text-align:center;
		background-color:#fff;
		padding-left:0px;
		margin-left:0px;
	}
	.itemprice2
	{
		color:#1e4777;
		width:60%;
		float:left;
		font-size: 18px;
		font-weight: 500;
		padding-top: 10px;
		padding-bottom:5px; 
		text-align:right; 
		background-color:#fff;
		padding-left:0px;
		margin-left:0px;
		}

	.itemprice
	{
		color:#b12704;
		font-size: 18px; 
		font-weight: 500;
		padding-top: 10px;
		text-align:center;
		padding-bottom:5px; 
		background-color:#fff;
		height:55px;
	}
	.itempricep{
		color:#b12704;
		font-size: 18px; 		
		font-weight: 500;
		padding-top: 10px;
		text-align:left;
		padding-bottom:5px;
		background-color:#fff;
		height:55px;
	}
	.mrp{
		padding-top:1px;
		color:#111;
		font-size:12px;
		text-align:center;
		}
	.itemdet{
		text-align: right; 
		padding-right: 0px;
		padding-top: 60px;
	}
	#itmdetimg {
		background: url(../images/nxtarow.png)  0 0 no-repeat;
		width:20px; 
		height:31px;
	}
	#itmdetimg:hover {
		background: url(../images/nxtarowovr.png) 0 0 no-repeat;
		width:20px;
		height:31px;
	}
	
	.checked {
		color: orange;
	}
	.prddetail{max-width: 500px;position: sticky;top: 10px;z-index:999;}
	#more {display: none;}
	/*---Section2-----*/
	#section2{	
		background: url(../images/bg1.png) no-repeat center center;
		height: 436px; 
		background-size:cover;
		padding-bottom:20px;
	}

	#section2 .view{
	height: 50px;	
	padding-top: 15px;
	width:200px;
	color:#b4d18b;
	font-size:24px;
	background-color:#78984b;
	margin: 0 auto;
	text-align: center;
	border-radius:10px;
	font-weight: bold;
	}
	.abtdesc{padding-bottom:50px;}
	/* footer */
	#footersec1
	{
		width: 100%;
		min-height: 300px;
		background-color: #0178b2;
		margin-top: 0px;
		padding: 40px 0px;

	}
	#footersec1 .container
	{
		max-width:1400px;
		margin:0 auto;
		padding-left:0px;	
	}

	#footersec2
	{
		width: 100%;
		min-height: 0px;
		background-color: #0474aa;
		margin-top: 0px;
		border-bottom: 1px dotted #999;
		border-top: 1px dotted #999;	
		padding: 10px;padding-left: 1%;

	}
	.footertxt
	{
		color: #fff;
		padding-top: 0px;
		margin: 0 auto;
		text-align: justify;
	}
	.footercpy
	{
		max-width:1400px;
		margin:0 auto;
		color: #fff;	
		margin: 0 auto;
		text-align: left;
	}
	.flinkhead{
		font-weight: bold;
		color: #fff;
		font-size:14px;
	}
	.flink,.flink a{
		color: #fff;font-size:12px;
	}
	.flink a:hover{
		color: #ddd;
	}

	.flogo{
		text-align: end;
		padding-top: 0px;

	}
	.flogo img{
		max-width: 200px;
		height: 82px;
	}
	.fborder{

	}
	.fborderrt{
		border-left: 1px solid #999; 
		min-height:180px;}
	/*-----------------Inner Page-----------------------*/

	.navpge{
		padding-top: 20px;
		color: #666; 
		font-size: 15px;
	}
	#innersection1 .item{
		margin-bottom: 20px;

	} 
	.categoryhead{
		font-weight: bold;
		font-size:18px;
		padding-left:15px;

	}
	.categoryhead a{

	color: #333;

	}
	.categoryhead a:hover{

		color: #657d13;
		text-decoration: none;

	}
	.shopbycat{
		font-size:18px;
		padding-bottom:10px;
		margin-top:-5px; 
		text-align:left;
		font-weight:550;
		}
	.shopbycatitem{
		text-align:left;
		padding-bottom:10px;
		}
		.shopbycatitemimg img{		
		min-width:150px;
		min-height:150px;
		}
	.shopbycatitem a{
		text-align:left;
		color:#1e4777;
		text-align:left;
		clear:both;}
	.shopbycatitemimg{
		text-align:left;
		border:1px solid #eee;
		margin-bottom:10px;
		}
	.shopbycatitemimgtxt{text-align:center;
		color:#1e4777;
		padding-top:10px;max-width:250px;
		margin:0 auto;
		clear:both;margin-bottom:20px;}
		.catimg{min-height:250px;}
	.catlist{border-left:1px dotted #999;}
	.price{margin-bottom:20px;}
	.ofr{color:#666633;font-weight:normal;}
	.rupee{
	background-position:left;
	width: 10px; 
	height: 14px;    
	display:block; 
	background-repeat: no-repeat;
	}
	.qty{padding-left:0px;padding-top:10px;}
	.qty input{ border-radius:6px;}
	.btnABuyNow {
	width: 213px;
	height: 38px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	margin-top:10px;
	border: 0;border-radius:10px;
	}
	.btnwishlist{
	width: 213px;
	height: 33px;
	background:#e0e3e9;
	text-align: center;
	color: #000;
	font-size: 14px;	
	text-transform: uppercase;
	border: 0; border-radius:10px;
	-webkit-box-shadow: 0 0 1px #777;
	box-shadow: 0 0 1px #777;
	margin-top:20px;
	}

	.loginname{padding-top:10px;}
	.loginname a{padding-top:10px;}
	.protdet{
		border-top:1px solid #ccc;
		width:100%;
		padding-top:15px;
		margin-top:20px;}
	.prdprice{padding-top:20px;}
	.prdqty{padding-top:20px;}

/*----------------------Register-------------------------*/

	/*----------------login------------------*/
	.well{
		min-height: 300px; 
		background-color:#fff;
		text-align:center; 
		margin: 50px 0px;
		padding:40px 20px;
		padding-left:5%;
	}
	.well h4{color:#777;}
	
		.subbtn{
		width:200px;		
		background-color:#3399cc; 
		color:#fff; border: none;
		text-align:center;		
		border-radius:6px;
		font-size: 12px;
		  font-weight:bold;
		  margin:0 auto;
		  margin-top:10px;
		  margin-right:10px;
		  letter-spacing: .2rem;
		  text-transform: uppercase;
		height:35px;padding:5px;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
		}
		.subbtn:hover{background-color:#006699;color:#fff;
transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);	}
 .subbtn:active, .subbtn:focus {
    outline: none;border: none;
    -webkit-box-shadow: none;color:#fff;
    box-shadow: none;background: #006699; }
	.regbtn{
		width:300px;
		background-color:#3399cc; 
		color:#fff; border: none;
		text-align:center;		
		border-radius:6px;
		font-size: 12px;
		  font-weight:bold;margin:0 auto;
		  letter-spacing: .2rem;
		  text-transform: uppercase;
		height:35px;padding:5px;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
		}
		.regbtn:hover{background-color:#006699;color:#fff;
transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);	}

 .btn:active, .btn:focus {
    outline: none;border: none;
    -webkit-box-shadow: none;color:#fff;
    box-shadow: none;background: #006699; }
	.seller{
		background-color:#fefefe;
		width:300px;
		min-height:200px;
		font-weight:500;
		border:1px solid #eee;
		padding:10px 10px;
		text-align:center;
		margin:30px 0px;
		color:#1e4777;
		border-radius:3px;
		margin-right:0px;}
.contactseller1
{
		background-color:#fefefe;
		width:300px;
		min-height:200px;
		font-weight:500;
		border:1px solid #ccc;
		padding:15px;
		text-align:left;
		margin:30px 0px;
		color:#1e4777;
		border-radius:3px;
		margin-right:0px;}
	.contactseller1 .controls{margin-bottom:20px;}
	#txtShippingAdd{text-align:left;color:#000;padding-top:20px;}
	.contactsellbtn {
		width:200px;
		background-color:#3399cc; 
		color:#fff; border: none;margin:0 auto;
		text-align:center;		
		border-radius:6px;
		font-size: 12px;
		  font-weight:bold;
		  letter-spacing: .2rem;
		  text-transform: uppercase;
		height:35px;padding:5px;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
		}
		.controls input,.controls textarea{min-width:265px; text-align:left;}
		.btn.subbtn{text-align:center;	}
	.contactsellbtn:hover{background-color:#006699;
transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);	}
	.contactsellbtn a{color:#fff; }
	.well .control-label{
		text-align:left;
		width:100%;
		padding-left:35px;
		}
	.fields {
		width: 90%;
		background-color: transparent;
		background-repeat: repeat;
		height: 35px;
		color: #666;
		margin-bottom: 20px;
		padding-left: 10px;
		border: 1px solid #999;
	}
	.registration {
		min-height: 300px; 
		background-color:#fff;
		border:1px solid #ddd; 
		margin-top: 30px;
		border-radius:6px; 
		padding: 20px;
		max-width: 800px;
		margin:0 auto;
		padding-left:5%;
		margin-bottom:50px;
	}
	.registration .control-label{text-align:left;}
	#itemmob{display:none;}
	#item{display:block;}
	.lgprddet{display:block;}
	.smprddet{display:none;}
	.selldet{border-top:1px dotted #999;margin-top:30px;margin-bottom:50px;}
.sellsec{border-bottom:1px dotted #999;margin-bottom:10px;padding-top:20px;}
.selldet h4{color:#1e4777;font-size:28px;}
.sellproduct{background-color:#e7f2f7;
				min-height:200px;
		font-weight:500;
		border:1px solid #f5f5f5;
		padding:50px 10px;
		text-align:center;
		margin:30px 0px;
		color:#1e4777;
		border-radius:3px;
		margin-right:0px;}
		.sellproduct1{background-color:#f5f5f5;
				min-height:200px;
		font-weight:500;
		border:1px solid #f2f2f2;
		padding:50px 10px;
		text-align:center;
		margin:30px 0px;
		color:#1e4777;
		border-radius:3px;
		margin-right:0px;}
		
		/*-----------------My Orders ----------------------*/
				
		.orderslist{min-height: 300px; 
		background-color:#fff;
		border:1px solid #ddd; 
		margin-top: 30px;
		border-radius:6px; 
		padding: 20px;
		max-width:100%;
		margin:0 auto;
		padding-left:5%;
		margin-bottom:50px; 
		box-shadow: 1px 5px 15px #ddd ;}
		
		.orderslist h5{color:#8c8c8c;}
		.orderslist h4{ color:#333;}
		.orderslist .orderco{font-size:18px;}
		.orderslist .orderc{color:#0099cc;font-size:18px;}
		.orderslist .dayorder{color:#333;font-weight:500;font-size:16px;}
		.productreviewbtn{width:200px; height:100px;border:1px solid #0099cc;color:#0099cc;}
		
		.productreviewbtn {
		width:170px;
		background-color:#3399cc; 
		color:#fff; border: none;
		text-align:center;		
		border-radius:6px;
		font-size: 12px;
		  font-weight:bold;
		  letter-spacing: .2rem;
		  text-transform: uppercase;margin-top:30px;
		height:35px;padding:5px;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
		}
	.productreviewbtn:hover{background-color:#006699;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); }
	.productreviewbtn a{color:#fff;}
	.productreviewbtn:active{color:#fff;}
	
	.ordersuccess{margin:0 auto;border:1px solid #ccc;text-align:center;margin-top:20px;}
	
	.edtorder{padding:15px;width:30px;}
	.esinf{padding:15px;}
		/*--------------------------------Review--------------------*/
		
		/*----------------------Rating---------------------*/


		.ratehead{
			 padding: 0 10px;float: left;}
		.rate {
			border: 1px solid #cccccc;
			float: left;
			height: 40px;
			padding: 5px 10px;margin-top:10px;
		}
		.rate:not(:checked) > input {
			position:absolute;
			top:-9999px;
		}
		.rate:not(:checked) > label {
			float:right;
			width:1em;
			overflow:hidden;
			white-space:nowrap;
			cursor:pointer;
			font-size:30px;
			color:#ccc;
		}
		.rate:not(:checked) > label:before {
			content: '★ ';
		}
		.rate > input:checked ~ label {
			color: #ffc700;    
		}
		.rate:not(:checked) > label:hover,
		.rate:not(:checked) > label:hover ~ label {
			color: #deb217;  
		}
		.rate > input:checked + label:hover,
		.rate > input:checked + label:hover ~ label,
		.rate > input:checked ~ label:hover,
		.rate > input:checked ~ label:hover ~ label,
		.rate > label:hover ~ input:checked ~ label {
			color: #c59b08;
		}
		
		/*-------------------order tracking ---------------------*/
		
		.root {
		padding: 3rem 1.5rem;
		border-radius: 5px;max-width:50%;margin:0 auto;
		border:1px solid #ddd; 
		box-shadow: 1px 5px 15px #ddd ;color:#111;margin-bottom:50px;
		}

		figure {
		display: flex;
		}
		figure img {
		width: 8rem;
		height: 8rem;
		border-radius: 50%;
		border: 1px solid #0099cc;
		margin-right: 1.5rem;
		}
		figure figcaption {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		}
		figure figcaption h4 {
		color:#111;font-size:18px;

		}
		figure figcaption h5 {
		font-size: 14px;
		font-weight: 500;color:#757575;
		}

		figure figcaption span{color:#111;}
		.order-track {
		margin-top: 2rem;
		padding: 0 1rem;
		border-top: 1px dotted #0099cc;
		padding-top: 2.5rem;
		display: flex;
		flex-direction: column;
		}
		.order-track-step {
		display: flex;
		height: 7rem;
		}
		.order-track-step:last-child {
		overflow: hidden;
		height: 6rem;
		}
		.order-track-step:last-child .order-track-status span:last-of-type {
		display: none;
		}
		.order-track-status {
		margin-right: 1.5rem;
		position: relative;
		}
		.order-track-status-dot {
		display: block;
		width: 2.6rem;
		height: 2.6rem;
		border-radius: 50%;
		background: #0099cc;
		}
		.order-track-status-novaluedot {
		display: block;
		width: 2.6rem;
		height: 2.6rem;
		border-radius: 50%;
		background: #ccc;
		}
		.order-track-status-line {
		display: block;
		margin: 0 auto;
		width: 2px;
		height: 7rem;
		background: #0099cc;
		}
		.order-track-status-novalueline {
		display: block;
		margin: 0 auto;
		width: 2px;
		height: 7rem;
		background: #ccc;
		}
		
		.order-track-text-stat {
		font-size: 14px;
		font-weight: 500;
		margin-bottom: 3px;
		}
		.order-track-text-sub {
		font-size: 14px;
		font-weight: 300;
		color:#8c8c8c;
		}

		.order-track {
		transition: all 0.3s height 0.3s;
		transform-origin: top center;
		min-height:300px;margin-bottom:50px;
		}
		.ordercd{margin-bottom:30px;color:#0099cc;font-weight:500;}
		.sellinf{line-height:35px;color:#757575;}
		/* ----------------add css ------------------*/
	
	.madd img{height:250px;}	
	.advertisement{width:97.5%;margin:0 auto;margin-bottom:50px;}
	.madd{margin:0 auto;margin-bottom:50px;max-width:100%;}	
	/*--------------------------------------------------------------------------
	| Product Review 03 Tab CSS
	--------------------------------------------------------------------------*/
#pdreview{ background-color: #f5f7fa;margin-top:50px;}
.tab-wrap {
  transition: 0.3s box-shadow ease;
  border-radius: 6px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  list-style: none;
  background-color: #fff;
  margin: 40px 0;color: #333;  
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tab-wrap:hover {
 box-shadow: 1px 5px 15px #ddd ;
}

.tab {
  display: none;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}

.tab:first-of-type:not(:last-of-type) + label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
  border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tab:checked + label {
  background-color: #fff;
  box-shadow: 0 -1px 0 #fff inset;
  font-weight:550;
  cursor: default;border-top:4px solid #0099cc;
  color:#333;
}
.tab:checked + label:hover {
  box-shadow: 0 -1px 0 #fff inset;
  background-color: #fff;
}
.tab + label {
  box-shadow: 0 -1px 0 #ccc inset;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #333;
  max-width:275px;
  flex-grow: 3;
  text-align: center;
  background-color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  transition: 0.3s background-color ease, 0.3s box-shadow ease;
  height: 54px;
  font-weight:500;
  font-size:16px;
  box-sizing: border-box;
  padding: 12px;
  border-top:4px solid #fff;
 
  border-right:2px solid #ddd; 
  
}
.tab + label:hover {
  background-color: #f5f7fa;
  box-shadow: 0 1px 0 #f4f4f4 inset;
  border-top:4px solid #0099cc;
}
.tab__content {
  padding: 10px 25px;
  background-color: transparent;
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  left: 0;
  transform: translateY(-3px);
  border-radius: 6px;
  color:#333; font-weight:normal;
}


/*-------------pricing Table-------------------------------*/


/* Global Variables */
:root {
    --color01: #ffffff;
    --color02: #502883;
    --color02Hover: #402068;
    --color03: #2a2a33;
    --color04: #00bcd4;
    --color04Hover: #0096a9;
    --color05: #ffd400;
    --color06: #f96e6e;
    --color06Hover: #f62929;
    --color07: #0097a7;
    --color08: #f4f4f4;
    --color09: #fbfbfb;
    --color10: #ffd400;
    --color11: #f96e6f;
    --color12: #362e42;
    --color13: #aaa;
}

/* Reset Default Settings */
* {
    box-sizing: border-box;
    margin: 0;
}



.card {
    width: 300px;
    min-height: 470px;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s, box-shadow 0.3s;

    /* Flex */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transform: scale(1.04);
}

.card::before {
    background-color: var(--color05);
    color: var(--color02);
    padding: 20px 35px 10px;

    /* Transform */
    transform: translate(calc(31px + 35px), -35px) rotate(45deg);
    transform-origin: top left;
    
    content: 'NEW';
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.card:nth-of-type(2)::before {
    background-color: var(--color06);
    color: var(--color03);
}

.card:nth-of-type(3)::before {
    background-color: var(--color07);
    color: var(--color12);
}

/* Info */
.card__info {
    width: 100%;
    height: 130px;

    /* Background */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    /* Position */
    position: relative;
    z-index: 0;

    /* Flex */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card__info::before {
    background-color: var(--color02);
    width: 100%;
    height: 100%;
    opacity: 0.8;

    content: '';
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
}

.card:nth-of-type(2) .card__info::before {
    background-color: var(--color03);
}

.card:nth-of-type(3) .card__info::before {
    background-color: var(--color04);
}

.card__name {
    color: var(--color01);
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1px;
}

.card__price {
    color: var(--color05);
    font-size: 22px;
    font-weight: 400;
}

.card__priceSpan {
    color: var(--color13);
}

.card:nth-of-type(3) .card__priceSpan {
    color: var(--color01);
}

/* Content */
.card__content {
    background-color: var(--color09);
    width: 100%;
    height: calc(100% - 130px);
    border-top: solid 2px;
    border-bottom: solid 2px;

    /* Flex */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card__rows {
    width: 100%;
}

.card__row {
    color: var(--color13);
    width: 100%;
    padding: 20px 0;
    text-align: center;
}

.card__row:nth-of-type(odd) {
    background-color: var(--color08);
}

.card__link {
    color: var(--color01);
    padding: 10px 15px;
    margin: 20px 0;
    text-decoration: none;
    border-radius: 50px;
}

.card__link:hover {
    background-color: var(--color02Hover) !important;
}

.card:nth-of-type(2) .card__link:hover {
    background-color: var(--color06Hover) !important;
}

.card:nth-of-type(3) .card__link:hover {
    background-color: var(--color04Hover) !important;
}

/*--------------------pricing table end --------------------*/
@media only screen and (min-width: 1024px) and (max-width:1280px) {
		
	.sell{width:55px;}
	.loginlink{
		margin-right:1px;
		padding:7px;
		border-radius:3px;
		width:70px;
		font-size:12px;
		}
	.itemheading{
		padding-left:28px;
		padding-top:5px;
		}
		.catimg{width:33.333%;text-align:center;}
		body{font-size: 12px;}
		
	}
	
	@media only screen and (min-width:992px) and (max-width:1023px) {
		
		.loginlink{
			margin-right:1px;
			padding:7px 3px;
			padding-left:10px;
			width:70px;
			font-size:11px;
			text-align:center;
			}
		.itemheading{
			padding-left:28px;
			padding-top:5px;
			}
		#footersec1 .container{
			padding-left:35px;
			max-width:1000px
			}
		#footersec1 .ftcol{
			margin-bottom:20px;
			border-bottom:1px dotted #ccc;
			padding-bottom:10px;
			padding-left:0px;
			}
		#footersec1 .ftcol1{
			padding-bottom:10px;
			padding-left:0px;
			}	
		#footersec2 .footercpy{
			text-align:center;
			}
		.fborderrt{
			display:none;
			}
			.catimg{width:33.333%;text-align:center;}
			body{font-size: 12px;}
	}
	
	@media only screen and (min-width:768px) and (max-width:991px) {
		
		.loginlink{
			margin-left:1px;
			padding:7px 3px;
			padding-left:10px; 
			width:70px;
			font-size:13px;
			text-align:center;
			} 
		.headsec{
			width: 20%;z-index:100px;position:relative;
			}
		#headertxt{
			width:25%;
			font-size:13px;
			padding-top:55px;z-index:100px;position:relative;
			}
		#searccol{
			width:55%;
			margin:0 auto;
			margin-bottom:10px;
			
			}
			

	}
	
	@media only screen and (max-width:991px) 
	{
		body{font-size: 14px;}
		.sell{
			width:130px;
			}	
		.loginlink{
			margin-left:1px;
			margin-right:15px;z-index:5;
			} 
		.logo1{
			width: 40%;
			}
			
		#logo1 img{
			max-width:90px;
			}
		#headertxt{
			width:50%;
			margin-top:-110px;
		padding:0px;position: relative;z-index:1;
			
			}
		#searccol{
			width:100%;
			margin:0 auto;
			margin-bottom:10px;
			
			}
			.headsec{
			z-index:100px;position:relative;
			}
		.topnav{
			display: none;
		}
		.itemheading{
			padding-left:28px;
			padding-top:5px;
			}
		.footertxt{ 
			padding:15px;
			}
		.itemscontainer{
			width:100%;
			}
		
		.contactseller{min-height:150px;}
		.seller{
		min-height:150px;
		width:90%;margin:0 auto;float:none;
		}
		.lgprddet{display:none;}
		.smprddet{display:block;}
		.shopbycatitemimg{width:200px;height:200px;margin:0 auto;}
		.shopbycatitemimgtxt{text-align:center;}
		.catimg{width:33.333%;text-align:center;}

		#topborder{
			position:fixed;
			}
		#logo1
		{		
			padding-top:50px;    
		} 

		#footersec1 .container{
			padding-left:35px;			
			}
		#footersec1 .ftcol
		{
			margin-bottom:20px;
			border-bottom:1px dotted #ccc;
			padding-bottom:10px;
			padding-left:0px;
		}
		#footersec1 .ftcol1
		{
			padding-bottom:10px;
			padding-left:0px;
		}	
		#footersec2 .footercpy
		{
			text-align:center;
		}
		.fborderrt
		{
			display:none;
		}
		#itemmob{
			display:block;
			clear:both;
			margin-bottom:10px;
			padding-bottom:10px;
			}
		.itemsep{
			border-bottom:1px dotted #ccc;
			width:100%;
			margin-bottom:10px; 
			padding-bottom:10px;
			clear:both;}
		#item{
			display:none;
			}
		.primg{
			width:40%;
			float:left;
			border:1px solid #eee;
			padding:10px 0px;
			}
		.prdetails{
			width:60%;
			float:right;
			text-align:left;
			padding-left:15px;
			}
		.itempricemb{
			color:#b12704;
			font-size: 18px;
			font-weight: 500;
			padding-top: 10px;
			text-align:left;
			padding-bottom:5px;
			}
		.mobnamesec1{
			display:block;
			}	
		.mobnamesec2{
			display:none;
			}
		.categoryheading h2{font-size:24px;}
		.itemheading h3
		{ 
		font-size:20px;height:15px;padding-top:0px;margin-top:1px;
		margin-bottom:12px;padding-bottom:10px;
		}
		.selectpicker,.countrypicker{max-width:200px;margin-left:-50px;}
	}
	@media only screen and (max-width: 768px) {

		.loginlink{
			margin-left:1px;
			margin-right:15px;
			} 
		.logo1{
			width: 40%;
			}
		#logo1 img{
			max-width:90px;
			}
		#headertxt{
			width:50%;
			margin-top:-113px;
		padding:0px;position: relative;z-index:1;
			
			}
		#searccol{
			width:100%;
			margin:0 auto;
			margin-bottom:10px;
			}
		
		#footersec1 .ftcol{
			margin-bottom:20px;
			border-bottom:1px dotted #ccc;
			padding-bottom:10px;
			padding-left:0px;
			}
		#footersec1 .ftcol1{
			padding-bottom:10px;
			padding-left:0px;
			}	
		#footersec2 .footercpy{
			text-align:center;
			}
		.fborderrt{
			display:none;
			}
			.catlist{
			border-left:none;
			clear:both;
			border-top:1px solid #ddd;
			padding-left:0px;
			margin:0 auto;
			width:100%;
			padding-top:20px;
			margin-top:30px; 
			margin-bottom:20px;
			}
			.shopbycatitem{
			float:left;
			margin-right:10px;
			border:1px solid #ddd;
			padding-bottom:10px;
			min-height:30px;
			padding:3px 10px 5px 10px;
			margin-bottom:10px;
		}
		.shopbycatitemimg{width:200px;height:200px;margin:0 auto;}
		.shopbycatitemimgtxt{text-align:center;}
		.catimg{width:33.33%;text-align:center;float:left;min-height:270px;}
		.well{ 
		margin: 10px 0px 50px 0px;
		padding:40px 20px;
		padding-left:5%;
	}
	
	
	}
	@media only screen and (max-width: 720px)
	{
		.item{
		float:left;

		}
		.itemsarea{
			text-align:center;
			margin:0 auto;
			width:100%;
			}
		.item .col-sm-8{
			float:left;
			}	
		.itemdet{
			float:right;
			padding-right: 10px;
		}
		#footersec1 .col-sm-3{ padding-bottom:10px;

		}
		.flogo {
		padding-top: 10px;
		margin:0 auto;	

		}	

	}
@media only screen and (max-width: 680px)
	{
		.catimg{width:50%;text-align:center;float:left;}
	}
	
	@media only screen and (max-width:480px)
	{

		.itemheading h3
		{
			font-size:18px;
		}
		.primg
		{
			width:50%;float:left;
		}
		.prdetails{
			width:50%;
			float:right;
			text-align:left;
			}
		.itempricemb{
			color:#b12704;
			font-size: 13px;
			}
		.mobnamesec1{
			display:none;
			}	
		.mobnamesec2{
			display:block;
			}
	}
	@media only screen and (max-width:470px)
	{
		.catimg{width:100%;min-height:250px;}
	}
	@media only screen and (max-width:420px)
	{	
		.item
		{
			max-width: 145px;
			float:left;
			height:197px;
		}
		.item img
		{
			max-width:140px; 
			max-height:90px;
		}

		.itemname{
			text-align:left;
			font-size:12px;
			padding-left:5px;
			}
		.itemprice1{
			color:#fff;
			width:50%;
			float:left;
			font-size: 14px;
			font-weight: 600;
			padding-top: 0px;
			padding-bottom:10px;
			text-align:center; 
			padding-left:0px;
			margin-left:0px;
		}
		
		.itemprice2{
			color:#fff;
			width:50%;
			float:left;
			font-size: 14px;
			font-weight: 600;
			padding-top: 0px;
			padding-bottom:10px; 
			text-align:center; 
			background-color:#7faf0a;
			padding-left:0px;
			height:48px;
			margin-left:0px;}

		.itemprice{
			color:#fff;
			font-size: 14px; 
			font-weight: 600;
			padding-top: 0px; 
			text-align:center;
			padding-bottom:10px;
			background-color:#ff6600;
			height:48px;
		}
		.mrp{
			padding:0px;
			color:#111;
			padding-bottom:-2px;
			margin-bottom:-3px;
			font-size:11px;
			text-align:center;
			}
		#logo1 img{
			max-width:80px;
			}
		.loginlink{
			width:80px;
			font-size:12px;
			}
		#headertxt{
			width:50%;
			margin-top:-113px;
		padding:0px;position: relative;z-index:1;
			padding:0px;
			}
		.regbtn{
		width:280px;		

		}
		.fpass{display: block;padding-top:10px;
    }
	}
	@media only screen and (max-width:380px)
	{
	
		#section2 .view{
		height: 40px;	
		padding-top: 10px;
		width:100px;	
		font-size:14px;	
		}
		.regbtn{
		width:200px;
		

		}

	}	
	
	@media only screen and (max-width: 370px) {

	.loginlink{
		margin-right:1px;
		padding:7px; 
		border-radius:3px; 
		width:70px;
		font-size:11px;
		}
	#logo1 img{
		max-width:80px;
		}
	#headertxt{
		width:50%;
		margin-top:-113px;
		padding:0px;position: relative;z-index:1;
		}

	}
	@media only screen and (max-width:360px)
	{
		.item
		{
		max-width: 135px;
		}

	}
	@media only screen and (max-width:340px)
	{
	.regbtn{
		min-width:200px;
		

		}
	}