
html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
	margin:0px;
	padding:0px;
	background:#fff;
	}
.wrapper{
	width:100%;
	float:left;
	margin:0px;
	}
	.wrapper3{
	width:100%;
	float:left;
	margin:0px;
	background:url(../img/guru-nanak-jayanti-19-11-20-bg.jpg) #eba243 no-repeat;
	background-position-y: -10px;
	background-position-x: 270px;
	}
.wrapper2{
	width:100%;
	float:left;
	margin-top:42px;
	padding-top:20px;
	}
	.container{
	width:1000px;
	margin:0px auto;
	}
.master{
	width:100%;
	float:left;
	}
.logo{
	width:auto;
	float:left;
	}
	.logo2{
	margin-top:0px;
	float:left;
	}
.logoRight{	
	width: auto;
	float: right;
	}
header{
	padding:14px 0 20px 0;
		width:100%;
		float:left;
	background-color: #FFFFFF;
	}
	.mainBG{
	background:url(../img/d-lifestyle-banner.jpg) 45% 100% no-repeat;
	min-height:426px;
	position:relative;
	}
	
	
.offerDate{
	width:100%;
	float:left;
	font-size:16px;
	text-align:center;
	color:#000000;
	background:url(../img/doted-line.png) left center no-repeat;
	margin:14px;	
	}
.offerDateWrap{
	width:100%;
	float:left;
	border-top:1px solid #cccccc;
	}
.currentOffers{
	width:207px;
	float:left;
	background:#e4e4e4;
	text-align:center;
	padding:4px 0;
	border:1px solid #0095da;	
	font-size:22px;
	color:#ddf0ff;
	text-transform:uppercase;
	margin:8px 0 14px 0;
	}
.productWrap{
	width:100%;
	float:left;
	margin:27px 0 38px 0;
	}
.productWrap ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
	

.icon{
	width:100%;
	float:left;
	padding:0 0 9px 0;
	height:auto;
	border-bottom:1px solid #e5e5e5;
	}
.offerTxt
{
	width:100%;
	float:left;
	margin:36px 0 0 0;
	}	
.offerTxt p{
	font-size:13px;
	color:#000;
	margin:0 0 0 0;
	}
.offerTxt2
{
	width:100%;
	float:left;
	margin:2px 0 0 0;
}	
.offerTxt2 p
{
	font-size:13px;
	color:#000;
	margin:0 0 0 0;
}
.offerTxt3
{
	width:100%;
	float:left;
	margin:42px 0 0 0;
}	
.offerTxt3 p
{
	font-size:13px;
	color:#000;
	margin:0 0 0 0;
}
.offerTxt4
{
	width:100%;
	float:left;
	margin:52px 0 0 0;
}	
.offerTxt4 p
{
	font-size:13px;
	color:#000;
	margin:0 0 0 0;
}
.offerTxt5
{
	width:100%;
	float:left;
	margin:24px 0 0 0;
}	
.offerTxt5 p
{
	font-size:13px;
	color:#000;
	margin:0 0 0 0;
}
.offerTxt6
{
	width:100%;
	float:left;
	margin:18px 0 0 0;
}	
.offerTxt6 p
{
	font-size:13px;
	color:#000;
	margin:0 0 0 0;
}
.offerTxt7
{
	width:100%;
	float:left;
	margin:10px 0 0 0;
}	
.offerTxt7 p
{
	font-size:13px;
	color:#000;
	margin:0 0 0 0;
}
.offerTxt8
{
	width:100%;
	float:left;
	margin:3px 0 0 0;
}	
.offerTxt8 p
{
	font-size:13px;
	color:#000;
	margin:0 0 0 0;
}
.offerValidity{
	width:100%;
	float:left;

	color:#9d9c9c;
	font-size:10px;
	margin:5px 0 0 0;
	}
.button{
	width:131px;
	text-align:center;
	border:1px solid #f27b4a;

	font-size:11px;
	float:left;
	background:#ed4e0c;
	margin:3px 0 0 0;
	position:absolute;
	bottom:8px;
	}
.button a{
	display:block;
	padding:5px 0;
	color:#fff;
	text-decoration:none;
	outline:none;
	}
	

.right{
	width:auto;
	float:left;
	border-left:1px solid #c9c9c9;
	padding:18px 0 18px 46px;
	margin:20px 0 0 25px;
	}
.right .storeList{
	width:128px;
	float:left;
	text-align:center;
	font-size:11px;
	border:1px solid #41c0ff;
	text-transform:uppercase;
	background:#00aaff;
	font-weight:600;
	}
 .right .storeList a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:7px 0;
	}																										
.or{

	font-size:12px;
	color:#262626;
	text-align:center;
	margin:10px 0;
	float:left;
	width:83%;
	}	
	
.buttonTnc{
	width:131px;
	text-align:center;
	border:1px solid #f27b4a;
	
	font-size:11px;
	float:left;
	background:#ed4e0c;
	margin:3px 0 0 0;
	display:none;
	position:absolute;
	bottom:8px;
	}
.buttonTnc a{
	display:block;
	padding:5px 0;
	color:#fff;
	text-decoration:none;
	outline:none;
	}

.cardDetailsWrapper{
	width:97%;
	float:left;
	border:1px solid #c6c6c6;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background:#f4f4f5;
margin:0 0 34px 0;
position:relative;
/* opacity:0.7; */
	}
.cardDetailsWrapper .leftSection{
	width:63%;
	float:left;
	padding:14px  4%;
	}
.cardDetailsWrapper .leftSection .cradImage{
	width:auto;
	float:left;
	}
.cardDetailsWrapper .leftSection .cardTxt{
	width:auto;
	float:left;
	color:#231f20;
	font-size:24px;
	padding:5px 37px;
	line-height:31px;
	}
.cardDetailsWrapper .leftSection .cardTxt span{
	display:block;
	}
.cardDetailsWrapper .leftSection .applyNow{
    width:140px;
	float:left;
	border:1px solid #0296da;
	text-align:center;
	background:#00aaff;
	font-size:23px;
	margin:14px 0 0 14px;
}	
.cardDetailsWrapper .leftSection .applyNow a{
	color:#ecf2f8;
	text-decoration:none;
	display:block;
	padding:0 0 4px 0;
	}
.cardDetailsWrapper .rightSection{
	width:29%;
	float:right;
	margin:8px 0;
	border-left:1px solid #c3c3c3;
	padding:12px 0 30px 0;
	box-sizing:border-box;
	}
.cardDetailsWrapper .rightSection .follow{
	
	font-size:16px;
	color:#231f20;
	padding:3px 0;
	margin:0 16px 0 28px;
	width:auto;
	float:left;
	}
.socialIcon{
	width:auto;
	float:left;
	margin-left:28px;
	}
.socialIcon ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
.socialIcon ul li{
	margin:0 9px 0 0;
	float:left;
	}
.socialIcon ul li a{
	color: #00aaff;
	outline:none;
	}
.disclaimerWrap{
	width:98%;
	float:left;
	background:#dadbdb;
	padding:8px 10px;
	}
.disclaimerWrap p{
	color:#000000;
	
	font-size:10px;
	margin:0 25px;
	}
.dateCounter{
	width:112px;
	float:right;
	background:url(../img/counter-bg.png) left top no-repeat;
	height:82px;
	}
.date{
	width:96%;
	float:left;
	margin:25px 0 0 4%;
	
	color:#fff;
	font-size:24.5px;
	text-align:center;
	line-height:20px;
	}
.date span{
	display:block;
	font-size:9px;
	}				
																
	
/*-------------new css start--------------*/	
.productWrap ul li{ float:left; width:30%; height:192px; margin:0 2.7% 6% 0; position:relative;}
	.productWrap ul li .wrptxt{ float:left; width:100%; height:118%; padding:10px 5% 10px 5%; position:absolute; background:#ffffff; opacity:0.7; border:#cccccc solid 1px; box-sizing:border-box; overflow:hidden; -webkit-box-shadow: -1px 3px 17px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 3px 17px -3px rgba(0,0,0,0.75);
box-shadow: -1px 3px 17px -3px rgba(0,0,0,0.75);}
	.productWrap ul li .wrptxt .l{ float:left; width:100%;}
	
	.productWrap ul li .wrptxt .r{ float:left; width:50%;}
	
	


/*------------css for store locator start---------*/
    .tf{ float:left; width:100%; margin-top:2%;}
	.tf .l{ float:left; width:65%; }
	.tf .r{ float:right; width:25%; border-left:#0e1a2f solid 1px; padding:2% 0 2% 5%;}
	.tf .l ul{ margin:0px; padding:0px; list-style:none;}
	.tf .l ul li{ float:left; width:auto; font-size:20px; color:#8d9196; line-height:23px;}
	.tf .l ul li.f{ width:250px; margin-right:2%;} 
	.tf .l ul li.s{ width:170px; margin-right:2%; padding-top:3%;} 
	.tf .l ul li.t{ width:110px;} 
	.tf .l ul li.t a{ background:#108ec5; color:#000; margin-top:25px; display:block; text-decoration:none; padding:5px 10px; white-space:nowrap; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; font-size:16px; text-align:center;}
	.tf .l ul li.t a:hover{ background:#0673a2;}
	.tf .r .ft{ float:left; width:130px; font-size:20px; color:#fff;}
	.tf .r .si{ float:left; width:70px;}
	.tf .r .si ul{ margin:0px; padding:0px; list-style:none;}
	.tf .r .si ul li{ float:left; width:30px; height:30px;}
	.tf .r .si ul li a{ display:block; width:30px; height:30px; background:url(../img/social-icons.png) left top no-repeat;}
	.tf .r .si ul li.fb a{ background-position:-40px; margin-left:10px; }
	.tf .r .cpr{ float:left; width:100%; margin-top:3%; font-size:12px; font-style:italic; color:#585d66; }
	footer{ float:left; width:100%; font-size:11px; color:#545b65; padding:3% 0; line-height:18px;}
	.sw{ float:left; width:100%; margin:40px 0;}
	.sw .l{ float:left; width:20%; height:400px; height:500px; background:#fff; padding:2%;}
	.sw .l .h{ float:left; width:100%; margin-bottom:20px; font-size:21px; color:#0095da; line-height:22px;}
	.sw .l .seW{ float:left; width:100%;}
	.sw .l .seW select{ float:left; width:100%; padding:3% 5%; margin-bottom:4%; font-size:18px; color:#5d5d5d; background:#c6c6c6; border:none;}
	.sw .l .stW{ float:left; width:100%; height:376px; }
	.sw .l .stW .h{ float:left; width:85%; padding-left:15%; font-size:19px; line-height:21px; color:#000; background:url(../img/pin-icon.png) left top no-repeat; margin-top:30px; padding-bottom:5px;}
	.sw .l .stW .m{ float:left; width:95%; height:250px; padding-right:5%; overflow:auto;}
	.sw .l .stW .m ul{ margin:0px; padding:0px; list-style:none;}
	.sw .l .stW .m ul li{ float:left; width:90%; padding:0 0 5% 10%; background:url(../img/li-bg.png) left 8px no-repeat; border-top:#d1d1d3 solid 1px; cursor:pointer;}
	.sw .l .stW .m ul li.active{ border-color:#0095da;}
	.sw .l .stW .m ul li span{ font-size:18px; color:#323233; display:block; margin-bottom:3px;}
	.sw .r{ float:left; width:72%; height:500px; background:rgba(255, 255, 255, 0.6); padding:2%;} 
	.rupee{font-family: 'RupeeForadian';}
	.ol{ position:fixed; width:100%; background:rgba(0, 0, 0, 0.8); z-index:10; display:none}
	.pu{ position:absolute; width:400px; border:#ffad33 solid 3px; left:50%; top:100%; margin-left:-200px; background:#fff; height:100px; padding:20px; text-align:center; font-size:18px; z-index:11; display:none; }
	.pu .c{ position:absolute; width:46px; height:46px; background:url(../img/close-popup.png) left top no-repeat; right:-30px; top:-30px; cursor:pointer;}

.slP{ float:left; width:100%; border:#d79d4f solid 3px; box-sizing:border-box; height:435px;}
	.slP .h{ float:left; width:96%; padding:2%; font-size:18px; color:#5d451f; line-height:17px;}
	.slP .h ul{ margin:0px; padding:0px; list-style:none;}
	.slP .h ul li{ float:left; width:26%; margin-right:2%;}
	.slP .h ul li:first-child{
		font-size:18px;
		width:42%;
		line-height:20px;
		}
	.slP .h ul li span{ display:block;}
	.slP .h ul li .s{ float:left; width:97%; padding:5px; font-size:15px; background:#c6c6c6; border:0; color:#5d451f; border:2px solid #d79d4f; font-weight:normal; font-weight:bold;}
	.slP .swP{ float:left; width:96%; margin:2% 0 0 0; padding:0 2%;}
	.slP .swP .h{ float:left; width:85%; padding-left:30px; font-size:19px; line-height:21px; color:#5d451f; background:url(../img/pin-icon.png) left 10px no-repeat; padding-bottom:5px;}
	.slP .swP .w{ float:left; width:95%; margin-left:3%; height:246px; overflow:auto;}
	.slP .swP .w ul{ margin:0px; padding:0px; list-style:none;}
	.slP .swP .w ul li{ float:left; width:45%;   padding:2%; font-size:16px; color:#5d451f;}
	.slP .swP .w ul li strong{ display:block; margin-bottom:3px; font-size:18px; color:#5d451f; text-transform:uppercase;}
	.slP .swP .w ul li:nth-child(even){ border-right:none;}
.right p{
	font-size:12px;
	
	color:#231f20;
	}
#samsungDetails{
	display:none;
	font-size:14px;
	}	
.closeMobile{
	display:none;
	}
.txtSamsung{
	width:100%;
	float:left;
	}
.txtSamsung span{
	display: block;
    margin-bottom: 26px;
    margin-top: 9px;
	}		
/*------------css for store locator end-----------*/

.mainBannerContent{
	width:100%;
	float:left;
	}
.mainBannerContent h2{
	
	}
	

.tabBg{
	background:#eba243;
	}
.tabSec{
	width:100%;
	float:left;
	margin-top:12px;
	}
.tabSec ul{
 	margin:0px;
	padding:0px;
	list-style:none;
}
.tabSec ul li{
	width:16.5%;
	text-align:center;
	float:left;
	padding:14px 0;
	font-size:20px;
	
	font-weight:600;
	text-transform:uppercase;
	cursor:pointer;
	}
.tabSec ul li a{
	border-right:1px solid #a0753b;
	color:#fff;
	text-decoration:none;
	padding:0 43px;
	outline:none;
   display:block;
   line-height:20px;
	}
.tabSec ul li:last-child a{
	border-right:none;
	}	
.tabSec ul li.active{
	background:#402c11;
	margin-left:-1px;
	}
.tabSec ul li.active a{
	border:none;
	}								
.noDisplay{
	display:none;
	}
.locateStoreBtn{
	font-size:12px;	
	position:absolute;
	background-color:#0072bb;
	bottom:7px;
	width:100px;
	border:1px solid #5c4522;
	text-align:center;
	text-transform:uppercase;
	}
	.locateStoreBtn2{
	font-size: 12px;
    position: absolute;
    bottom: 8px;
    width: 76px;
    border: 1px solid #5c4522;
    text-align: center;
    text-transform: uppercase;
    float: right;    
    right: 13px;
	}
.locateStoreBtn a{
	color:#FFFFFF;
	padding:5px 0;
	display:block;
	text-decoration:none;
	}
	.locateStoreBtn2 a{
	color:#5c4522;
	padding:5px 0;
	display:block;
	text-decoration:none;
	}
.slP .swP .h span{
	display:inline-block;
	float:left;
	margin-left:10px;
	}
.icon img{
	max-width:100%;
	}

.cardDetailsWrapper .rightSection .follow-us {
    float: left;
    width: auto;
}

.cardDetailsWrapper .rightSection .download-app {
    float: left;
    width: auto;
}



.socialIcon ul li span {
    color: #00aaff;
}
.mobMenuSection{
	display:none;
	}	
.noDisplayDesktop{
	display:none;
	}
.mainBannerContent{
	font-size:20px;
	color:#3d2970;
	text-align:center;
	padding:10px 0 14px 0;
	line-height:22px;
	width:100%;
	float:left;
	margin-top:0;
	font-weight:bold;
		}
.bannerBand{
	position:absolute;
	bottom:-42px;
	z-index:9;
	width:100%;
	background-color: #ffc12c;
	
	}
.offerTxt span {
    border-left: 1px solid #000;
    display: inline-block;
    float: right;
    margin-right: 52px;
    padding-left: 10px;
}	
.menu1
{
	display:block;
	width:100%;
	margin-top:10px;
	
	
}
.menu1 ul 
{
	list-style-type:none;
}

.menu1 ul li
{
	display:inline;
	margin-right:10px;
}

.menu1 ul li a
{
 font-size:17px;
 color:#e0a456;
 text-transform: uppercase;
 background-color:#231d57;
 text-align:center;
 /*border-radius:5px;*/
 padding:10px 33px 10px 33px;
}
									
/*-------------new css end----------------*/

@media only screen and (min-width: 959px) and (max-width: 2100px) {
	
	.productWrap ul li .wrptxt .r{display:none;}
	
	.productWrap ul li:hover .wrptxt .r{
		display:block;
		
		}
	.productWrap ul li:hover .buttonTnc{
	display:block;
	}
.productWrap ul li:hover .button{
	display:none;
	}
	
}


	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container{
		width:100%;
		float:left;
		}
		.menu1 {
    display: block;
    margin-left:2%;
    margin-top: 30px;
}
		.menu1 ul li a {
    font-size: 13px;
    color:#e0a456;
 text-transform: uppercase;
 background-color:#231d57;
    text-align: center;
    /*border-radius: 5px;*/
    padding: 10px 25px 10px 25px;
}
		.mainBG{
		background: url(../img/tab-lifestyle.jpg) no-repeat  center top;
        min-height:285px;
		background-size:cover;
		}	
	.right{
		padding-left:20px;
		}		
	.productWrap ul li{
		height:220px;
		position:relative;
		}	
	.right{
		margin-left:17px;
		}
.cardDetailsWrapper .rightSection .follow{
	margin-left:35px;
	margin-right:10px;
	}
.productWrap{
	width:95%;
	margin-left:20px;
	}
.socialIcon{
	margin-top:4px;
	}	
		
.offerDate {
    background:url(../img/doted-line-ipad.png) no-repeat scroll left center;
  margin-left:0px;
}	

.hd{background:url(../img/heading-mb-bg.jpg) #18b3de left top no-repeat; height:40px;}
	.mc{ margin:0px auto; width:100%;}
	.mw{ width:96%; margin:0 2%; float:left;}
	.sw .l, .sw .r{ width:96%;}
	.sw .l .stW .h{ height:35px;}
	.sw .l .stW .m{ height:200px;}				
.button{
	position:absolute;
	bottom:20px;
	}
.buttonTnc{
	position:absolute;
	bottom:20px;
	}
.right{
	display:none;
	}
.closeMobile{
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	display:block;
	}
.tabSec ul li a{
	padding:0 25px;
	color:#d7ccc2;
	}						
	}

	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		body{
			background: #edddaa url(../img/mid-bg.jpg) repeat-x;
			}
		header{
			background:#FFFFFF;
			z-index:99;
			}	
	.container{
		width:100%;
		float:left;
		}
	
/* .mainBG {
    background: url(../img/tab-lifestyle.jpg) no-repeat center top;
    min-height: 360px;
    background-size: cover;
} */
.mainBannerContent{
	font-size:18px;
	margin-top:2px;
	}
.offerDate{
	background:url(../img/line-mob.png) left center no-repeat;
	font-size:12px;
	margin-left:0px;
	background-size:100%;
	width:80%;
	padding:0 10%;
	border:none;
	margin-top:8px;
	}
.offerDate span{
	display:block;
	}	
.productWrap ul li{
	width:47%;
	height:200px;
	margin-bottom:50px;
	}
	.locateStoreBtn2 
	{
    width: 74px;
}
.right .storeList{
	width:114px;
	}
	.locateStoreBtn {
    width: 98px;
	}
.right{
	padding-left:14px;
	margin-left:18px;
	margin-top:15px;
	display:none;
	}
.productWrap{
	width:97%;
	margin-left:3%;
	margin-top:40px;
	}
.button{
	width:123px;
	}
.buttonTnc{
	width:123px;
	}	
.disclaimerWrap p{
	margin:0 6px;
	}
.cardDetailsWrapper{
	width:99.5%;
	border-radius:0;
	}	
.cardDetailsWrapper .leftSection{
	padding:14px 0 0 0;
	margin-top:35px;
	width:100%;
	}
.cardDetailsWrapper .leftSection .cardTxt{
	position:absolute;
	top:10px;
	font-size:17px;
	width:auto;
	padding-left:0px;
	left:14px;
	}
.cardDetailsWrapper .leftSection .cardTxt span{
	display:inline;
	}
.cardDetailsWrapper .leftSection .applyNow{
	width:100px;
	font-size:15px;
	margin-top:18px;
	}	
.cardDetailsWrapper .leftSection .cradImage{
	width:56%;
	}
.cardDetailsWrapper .leftSection .cradImage img{
	width:100%;
	}
.cardDetailsWrapper .rightSection{
	border:none;
	width:auto;
	padding-top:0px;
	margin-top:8px;
	float:left;
	padding-bottom:15px;
	
	}
.cardDetailsWrapper .rightSection .follow{
	font-size:12px;
	margin-top:0;
	margin-left:14px;
	}
.currentOffers{
	font-size:16px;
	width:153px;
	margin-left:27%;
	margin-top:-44px;
	}							
				
.productWrap ul li:nth-child(6).offerValidity{
	margin-top:20px;
	}
	
	

.button{
	position:absolute;
	bottom:10px;
	}	
.buttonTnc{
	position:absolute;
	bottom:10px;
	}					
.offerValidity{
	position:absolute;
	bottom:40px;
	}
.dateCounter{
	display:none;
	}
.closeMobile{
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	display:block;
	}
.logo{
	width:30%;
	float:left;
	margin-left:5px;
	}	
.logo img{
	max-width:100%;
	}
.logoRight{
	width:30%;
	float:right;
	margin-right:5px;
	}
.logoRight img{
	max-width:100%;
	}
.offerTxt p{
	line-height:15px;
	}	
	
.sw .l, .sw .r{ width:96%;}
	.sw .l .stW .h{ height:35px;}
	.sw .l .stW .m{ height:200px;}
	.mnc ul li .wrptxt .r .b{ margin-left:25%; }
	.mnc ul li .wrptxt .r .or{ margin-left:5%; }
	.mnc ul li .wrptxt .r .pc, .mnc ul li .wrptxt .r .b{ transform:scale(0.8); margin-left:5%;}
	.slP .h ul li{ width:100%; margin-right:0; margin-bottom:2%;}
	.slP .h ul li span{ display:inline;}
	
	.slP .swP .w{ height:230px;}
	.slP .swP .w ul li{ width:96%; border-right:none;}
	.slP .h ul li .s{ width:100%;}	
	
	
.fancybox-close{
	top:-10px !important;
	height:35px  !important;
	background:url(../img/close-popup-mob.png) left top no-repeat;
	right:-7px;
	width:20px;
	}
	
.slP .h ul li:first-child{
	font-size:20px;
	width:100%;
	line-height:22px;
	}
.slP .swP .h{
	font-size:18px;
	background-position:left top;
	}
.slP .swP .w ul li{
	font-size:16px;
	}
.slP .swP .w ul li strong{
	font-size:18px;
	}
	
/*------------mob menu section start------------*/	
.mobMenuSection{
	width:100%;
	float:left;
	box-sizing:border-box;
	display:block;
	}
.mobMenuSection .selectSection{
	float:left;
	width:100%;
	}
.mobMenuSection .mobTabMenu{
	width:100%;
	float:left;
	margin-top:8px;
	display:none;
	}
.mobMenuSection .mobTabMenu ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
.mobMenuSection .mobTabMenu ul li{
	max-width:88px;
	float:left;
	margin:5px 12px 0 0;
	height:88px;
	font-size:13px;
	color:#fff;
	line-height:88px;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../img/menu-mob-box-image.png) left top no-repeat;
	text-align:center;
	width:30%;
	cursor:pointer;
	}
.mobMenuSection .mobTabMenu .BoxBg2{
	background:url(../img/menu-mob-box-image2.png) left top no-repeat;
	}
.mobMenuSection .mobTabMenu ul li a{
	color:#fff;
	text-decoration:none;
	outline:none;
	}	
.noMarginRightMob{
	margin-right:0 !important;
	}
.mobMenuSection .selectSection .selectOption{
	font-size:23px;
	color:#fff;
	width:auto;
	float:left;
	}
.menu1 {
    margin-top: 0px;
}	
.wrapper2 {
    width: 100%;
    float: left;
    margin-top: 22px;
    padding-top: 0px;
}
.tabSec{
    position:absolute;
    right: -500px;
    top: 0;
    width: 70%;
    z-index: 9999;
	margin-top:0;
	display:none;
	}
.tabSec ul li{
	width:100%;
	font-size:16px;
	background:#cf9a4c;
	}
.tabSec ul li:nth-child(even){
	background:#875f2b;
	}
.tabSec ul li.active{
	margin-left:0;
	}										
.noDisplayInMob{
	display:none !important;
	}							
.noDisplayDesktop{
	display:block;
	}
.tabSec ul li span{
	display:inline-block;
	float:left;
	margin:0 7px 0 0;
	}
.tabSec ul li span img{
	vertical-align:top;
	}	
.tabSec ul li a{
	padding: 0 16px;
	}
.mobMenuCross{
    position: absolute;
    right: 12px;
    top: 11px;
	cursor:pointer;
	}
.menuBandMob{
	width:100%;
	float:left;
	position:relative;
	background:#d09c4e;
	padding:5px 0;
	display:none;
	}
.menuBandMob .regionTxt{
	width:158px;
	float:right;
	margin:0 35px 0 0;
	font-size:20px;
	text-transform:uppercase;
	color:#fff;
	}
.mobileTrigger{
	cursor: pointer;
    position: absolute;
    right: 10px;
    width: 26px;
    z-index:99;
	top:12px;
	}
.mobileTrigger ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
.mobileTrigger ul li {
    background:#eee5d9;
    float: left;
    height: 2px;
    margin-bottom: 4px;
    width: 100%;
}
.menu1 ul li a {
    font-size: 17px;
    color:#e0a456;
 text-transform: uppercase;
 background-color:#231d57;
    text-align: center;
    /*border-radius: 5px;*/
    padding: 12px 0px 12px 0px;
    width: 100%;
    float: left;
    margin-bottom: 4px;
}
.tabMainWrap{
	float: left;
    width: 100%;
	}
.noBg{
	background:none;
	}
.tabSectionFullWidth{
	width:100%;
	float:left;
	}																	
.centeredAlignMenu{
	max-width:300px;
	margin:0px auto;
	}
.tabSec ul li.active{
	background:#5c4522;
	}

	
.tabSec ul li:nth-child(2), .tabSec ul li:nth-child(1), .tabSec ul li:nth-child(3){
	font-size:18px;
	}
.tabSec ul li:nth-child(4), .tabSec ul li:nth-child(5), .tabSec ul li:nth-child(6), .tabSec ul li:nth-child(7),.tabSec ul li:nth-child(8),.tabSec ul li:nth-child(9){
	padding-left:20px;
	}
.tabSec ul li:nth-child(3) a{
	cursor:default;
	}	
header a{
	outline:none;
	}
	
	.menu1 ul {
		padding: 0 12px;
		margin-top: 40px;
	}
/*------------mob menu section end------------*/								
	
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		body{
			background: #edddaa url(../img/mid-bg.jpg) repeat-x;
			}
		header{
			background-color: #FFFFFF;
			padding:14px 0 25px
			}	
	.container{
		width:100%;
		float:left;
		}
	
/* .mainBG {
    background: url(../img/mobile-lifestyle.jpg) no-repeat -31px 0px;
	min-height:410px;
} */	
.offerDate{
	background:url(../img/line-mob.png) left center no-repeat;
	font-size:12px;
	margin-left:0px;
	background-size:100%;
	width:80%;
	padding:0 10%;
	border:none;
	margin-top:8px;
	}
.offerDate span{
	display:block;
	}	
.productWrap ul li{
	width:94%;
	height:190px;
	margin-bottom:50px;
	}
.right .storeList{
	width:114px;
	}
.right{
	padding-left:14px;
	margin-left:18px;
	margin-top:15px;
	display:none;
	}
.productWrap{
	width:97%;
	margin-left:3%;
	margin-top:30px;
	}
.button{
	width:123px;
	}
.buttonTnc{
	width:123px;
	}	
.disclaimerWrap p{
	margin:0 6px;
	}
.cardDetailsWrapper{
	width:99%;
	border-radius:0;
	}	
.cardDetailsWrapper .leftSection{
	padding:14px 0 0 0;
	margin-top:35px;
	width:98%;
	}
.cardDetailsWrapper .leftSection .cardTxt{
	position:absolute;
	top:10px;
	font-size:17px;
	width:auto;
	padding-left:0px;
	left:14px;
	}
.cardDetailsWrapper .leftSection .cardTxt span{
	display:inline;
	}
.cardDetailsWrapper .leftSection .applyNow{
	width:100px;
	font-size:15px;
	margin-top:18px;
	}	
.cardDetailsWrapper .leftSection .cradImage{
	width:56%;
	}
.cardDetailsWrapper .leftSection .cradImage img{
	width:100%;
	}
.cardDetailsWrapper .rightSection{
	border:none;
	width:auto;
	padding-top:0px;
	margin-top:8px;
	float:left;
	padding-bottom:15px;
	
	}
.cardDetailsWrapper .rightSection .follow{
	font-size:12px;
	margin-top:0;
	margin-left:14px;
	margin-right:7px;
	}
.currentOffers{
	font-size:16px;
	width:153px;
	margin-left:27%;
	margin-top:-44px;
	}							
				
.productWrap ul li:nth-child(6).offerValidity{
	margin-top:20px;
	}
	
	

.button{
	position:absolute;
	bottom:10px;
	}	
.buttonTnc{
	position:absolute;
	bottom:10px;
	}					
.offerValidity{
	position:absolute;
	bottom:40px;
	}
.dateCounter{
	display:none;
	}
.closeMobile{
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	display:block;
	}
.logo{
	width:30%;
	float:left;
	margin-left:5px;
	}	
.logo img{
	width:100%;
	}
.logoRight{
width: 44%;
    float: right;
    margin-right: 0px;
margin-top:0px; 
padding-bottom:0px;   
	}
.logoRight img{
	width:100%;
	}
.offerTxt p{
	line-height:15px;
	}	
	
.sw .l, .sw .r{ width:96%;}
	.sw .l .stW .h{ height:35px;}
	.sw .l .stW .m{ height:200px;}
	.mnc ul li .wrptxt .r .b{ margin-left:25%; }
	.mnc ul li .wrptxt .r .or{ margin-left:5%; }
	.mnc ul li .wrptxt .r .pc, .mnc ul li .wrptxt .r .b{ transform:scale(0.8); margin-left:5%;}
	.slP .h ul li{ width:100%; margin-right:0; margin-bottom:2%;}
	.slP .h ul li span{ display:inline;}
	
	.slP .swP .w{ height:230px;}
	.slP .swP .w ul li{ width:96%; border-right:none;}
	.slP .h ul li .s{ width:100%;}	
	
	
.fancybox-close{
	top:-10px !important;
	height:35px  !important;
	background:url(../img/close-popup-mob.png) left top no-repeat;
	right:-11px;
	width:20px;
	}
	
.slP .h ul li:first-child{
	font-size:15px;
	width:100%;
	line-height:22px;
	}
.slP .swP .h{
	font-size:18px;
	background-position:left top;
	padding-bottom:10px;
	}
.slP .swP .w ul li{
	font-size:16px;
	}
.slP .swP .w ul li strong{
	font-size:18px;
	}
	
/*------------mob menu section start------------*/	
.mobMenuSection{
	width:100%;
	float:left;
	background:url(../img/repeat-mob-bg.jpg) repeat-x;
	padding:0 15px 12px 15px;
	box-sizing:border-box;
	display:none;
	}
	.menu1 ul li a {
    font-size: 14px;
    color:#ffbe32;
 text-transform: uppercase;
 background-color:#bb0f0b;
    text-align: center;
    border-radius: 5px;
    padding: 12px 0px 12px 0px;
    width: 100%;
    float: left;
    margin-bottom: 3px;
}
.menu1 {
    margin-top: 0px;
}
.mobMenuSection .selectSection{
	margin:16px 0 0 0;
	float:left;
	width:100%;
	}
.mobMenuSection .mobTabMenu{
	width:100%;
	float:left;
	margin-top:8px;
	}
.mobMenuSection .mobTabMenu ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
.mobMenuSection .mobTabMenu ul li{
	max-width:88px;
	float:left;
	margin:5px 12px 0 0;
	height:88px;
	font-size:13px;
	color:#fff;
	line-height:88px;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../img/menu-mob-box-image.png) left top no-repeat;
	text-align:center;
	width:30%;
	cursor:pointer;
	}
.mobMenuSection .mobTabMenu .BoxBg2{
	background:url(../img/menu-mob-box-image2.png) left top no-repeat;
	}
.mobMenuSection .mobTabMenu ul li a{
	color:#fff;
	text-decoration:none;
	outline:none;
	}	
.noMarginRightMob{
	margin-right:0 !important;
	}
.mobMenuSection .selectSection .selectOption{
	font-size:23px;
	color:#fff;
	width:auto;
	float:left;
	}	
.tabSec{
    position:absolute;
    right: -500px;
    top: 0;
    width: 70%;
    z-index: 9999;
	margin-top:0;
	}
.tabSec ul li{
	width:100%;
	font-size:16px;
	background:#cf9a4c;
	}
.tabSec ul li:nth-child(even){
	background:#875f2b;
	}
.tabSec ul li.active{
	margin-left:0;
	}										
.noDisplayInMob{
	display:none !important;
	}							
.noDisplayDesktop{
	display:block;
	}
.tabSec ul li span{
	display:inline-block;
	float:left;
	margin:0 7px 0 0;
	}
.tabSec ul li span img{
	vertical-align:top;
	}	
.tabSec ul li a{
	padding: 0 16px;
	color:#fff;
	}
.mobMenuCross{
    position: absolute;
    right: 12px;
    top: 11px;
	cursor:pointer;
	}
.menuBandMob{
	width:100%;
	float:left;
	position:relative;
	background:#d09c4e;
	padding:5px 0;
	display:none;
	}
.menuBandMob .regionTxt{
	width:158px;
	float:right;
	margin:0 35px 0 0;
	font-size:20px;
	text-transform:uppercase;
	color:#fff;
	}
.mobileTrigger{
	cursor: pointer;
    position: absolute;
    right: 10px;
    width: 26px;
    z-index:99;
	top:12px;
	}
.mobileTrigger ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
.mobileTrigger ul li {
    background:#eee5d9;
    float: left;
    height: 2px;
    margin-bottom: 4px;
    width: 100%;
}
.tabMainWrap{
	float: left;
    width: 100%;
	
	}
.noBg{
	background:none;
	}
.tabSectionFullWidth{
	width:100%;
	float:left;
	}																	
.centeredAlignMenu{
	max-width:300px;
	margin:0px auto;
	}
.socialIcon ul li{
	margin-right:4px;
	}
.tabSec ul li.active{
	background:#402c11;
	}
.tabSec ul li:nth-child(2), .tabSec ul li:nth-child(1), .tabSec ul li:nth-child(3){
	font-size:18px;
	}
.tabSec ul li:nth-child(2) a, .tabSec ul li:nth-child(1) a, .tabSec ul li:nth-child(3) a{	
	color:#fff;
}
.wrapper2 {
    width: 100%;
    float: left;
    margin-top: 4px;
}
.mainBannerContent{
	font-size:15px;
	line-height:16px;
	margin-top:16px;	
	box-sizing:border-box;
	}
.tabSec ul li:nth-child(4), .tabSec ul li:nth-child(5), .tabSec ul li:nth-child(6), .tabSec ul li:nth-child(7),.tabSec ul li:nth-child(8),.tabSec ul li:nth-child(9){
	padding-left:20px;
	}
.mobBand{
	width:100%;
	float:left;
	}
.mobBand ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
	.mobBand ul li{
		font-size:10px;
		padding:0 5px;
		color:#fff;
		float:left;
	}
	.tabSec ul li:nth-child(3) a{
		cursor:default;
	}
	.menu1 ul {
		padding: 0 12px;
		margin-top: 40px;
	}
}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}


.box1 {
    float: left;
    width: 100%;
}

.popupbx3 {
    float: left;
    width: 71%;
    display: block;
    height: auto;
    position: fixed;
    background-color: #fff;
    margin-left: 15%;
    top: 140px;    
}
.neft-closeiocn3 {
    float: right;
    margin-top: 10px;
    margin-right: 14px;
}
.box3 {
    float: left;
    width: 96%;
    display: block;
    margin-left: 2%;
    margin-top: 0%;
}
.box3 ul
{
list-style-type:none;	
}
.box3 ul li
{
	display:block;
}
.jewels1
{
float: left;
    margin-left: 158px;
    margin-top: -22px;	
}
.jewels2
{
float: left;
margin-left: 102px;
    margin-top: -24px;
}
.jewels3
{
float: left;
 margin-left: 90px;
    margin-top: -32px;
}
.jewels4
{
float: left;
    margin-left: 156px;
    margin-top: -36px;
}
.jewels5
{
float: left;
    margin-left: 160px;
    margin-top: -40px;
}
.jewels6
{
float: left;
margin-left: 163px;
    margin-top: -35px;
}
.jewels7
{
float: left;
    margin-left: 160px;
    margin-top: -25px;
}
.jewels8
{
float: left;
    margin-left: 117px;
    margin-top: -36px;
}
.jewels9
{
float: left;
 margin-left: 138px;
    margin-top: -34px;
}
.jewels10
{
float: left;
margin-left: 118px;
    margin-top: -35px;
}
.jewels11
{
float: left;
margin-left: 158px;
    margin-top: -36px;
}
.jewels12
{
/* margin-left: 7px; */
font-size:12px;
font-family:Arial;
}
.jewels13
{
margin-left: 162px;
    float: left;
    margin-top: -25px;
}
.jewels14
{
margin-left: 162px;
float: left;
margin-top: -28px;
}


@media screen and (max-width: 959px) and (min-width:870px)
{
.jewels1 {   
    margin-left: 158px;
    margin-top: -22px;
}
.jewels2 {   
 margin-left: 102px;
    margin-top: -31px;
}
.jewels3 {   
 margin-left: 90px;
    margin-top: -39px;
}
.jewels4 
{
margin-left: 156px;
    margin-top: -42px;
}
.jewels5 {   
margin-left: 160px;
    margin-top: -42px;
}
.jewels6 {   
margin-left: 163px;
    margin-top: -34px;
}
.jewels7 {   
margin-left: 160px;
    margin-top: -26px;
}
.jewels8 {   
margin-left: 117px;
    margin-top: -36px;
}
.jewels9 {   
margin-left: 138px;
    margin-top: -34px;
}
.jewels10 {   
margin-left: 118px;
    margin-top: -35px;
}
.jewels11 {   
margin-left: 158px;
    margin-top: -36px;
}
.jewels13
{margin-left: 162px;
margin-top: -31px;
}
.jewels14
{
margin-left: 162px;
margin-top: -28px;
}	
}

@media screen and (max-width: 869px) and (min-width:780px)
{
.jewels1 {
    margin-left: 0px;
    margin-top: 5px;
}
.jewels2 {   
    margin-left: 102px;
    margin-top: -31px;
}
.jewels3 {   
    margin-left: 90px;
    margin-top: -39px;
}
.jewels4 {   
margin-left: 0px;
    margin-top: -4px;
}
.jewels5 
{   
margin-left: 0px;
    margin-top: -4px;
}
.jewels6 
{   
margin-left: 0px;
    margin-top: 6px;
}
.jewels7 
{   
margin-left: 0px;
    margin-top: 6px;
}
.jewels8 
{   
margin-left: 0px;
    margin-top: 5px;
}
.jewels9 
{   
margin-left: 0px;
    margin-top: -3px;
}
.jewels10 
{   
margin-left: 0px;
    margin-top: 2px;
}
.jewels11 
{   
margin-left: 0px;
    margin-top: 2px;
}
.jewels13
{margin-left: 0px;
margin-top: 8px;
}
.jewels14
{
margin-left: 0px;
margin-top: 8px;
}
.offerTxt7 {
    margin: 3px 0 0 0;
}	
}


@media screen and (max-width: 779px) and (min-width:768px)
{
.jewels1 {  
    margin-left: 0px;
    margin-top: 5px;
}
.jewels2 {  
    margin-left: 0px;
    margin-top: 6px;
}
.jewels3 {  
    margin-left: 0px;
    margin-top: 6px;
}
.jewels4 {  
    margin-left: 0px;
    margin-top: -4px;
}
.jewels5 {  
    margin-left: 0px;
    margin-top: -4px;
}
.jewels6 {  
    margin-left: 0px;
    margin-top: 6px;
}
.jewels7 {  
    margin-left: 0px;
    margin-top: 6px;
}
.jewels8 {  
    margin-left: 0px;
    margin-top: 5px;
}
.jewels9 {  
    margin-left: 0px;
    margin-top: -3px;
}
.jewels10 {  
    margin-left: 0px;
    margin-top: 2px;
}
.jewels11 {  
    margin-left: 0px;
    margin-top: 2px;
}
.jewels13
{margin-left: 0px;
margin-top: 8px;
}
.jewels14
{
margin-left: 0px;
margin-top: 8px;
}
.offerTxt7 {
    margin: 3px 0 0 0;
}	
}



@media screen and (max-width: 767px) and (min-width:556px)
{
.jewels1 {
    margin-left: 158px;
    margin-top: -16px;
}
.jewels2 {
margin-left: 102px;
    margin-top: -24px;
}
.jewels3 {
margin-left: 90px;
    margin-top: -33px;
}
.jewels4 {
margin-left: 155px;
    margin-top: -36px;
}
.jewels5 {
margin-left: 160px;
    margin-top: -37px;
}
.jewels6 {
margin-left: 163px;
    margin-top: -31px;
}
.jewels7 {
margin-left: 160px;
    margin-top: -22px;
}
.jewels8 {
margin-left: 117px;
    margin-top: -30px;
}
.jewels9 {
margin-left: 138px;
    margin-top: -31px;
}
.jewels10 {
margin-left: 118px;
    margin-top: -33px;
}
.jewels11 {
margin-left: 158px;
    margin-top: -30px;
}
.jewels13
{margin-left: 162px;
margin-top: -25px;
}
.jewels14
{
margin-left: 162px;
margin-top: -22px;
}	
}



@media screen and (max-width: 555px) and (min-width:480px)
{
.jewels1 { 
    margin-left: 0px;
    margin-top: 6px;
}
.jewels2 { 
    margin-left: 0px;
    margin-top: 7px;
}
.jewels3 { 
    margin-left: 0px;
    margin-top: 7px;
}
.jewels4 { 
    margin-left: 0px;
    margin-top: -2px;
}
.jewels5 { 
    margin-left: 0px;
    margin-top: -2px;
}
.jewels6 { 
    margin-left: 0px;
    margin-top: 7px;
}
.jewels7 { 
    margin-left: 0px;
    margin-top: 7px;
}
.jewels8 { 
    margin-left: 0px;
    margin-top: 5px;
}
.jewels9 { 
    margin-left: 0px;
    margin-top: -3px;
}
.jewels10 { 
    margin-left: 0px;
    margin-top: 2px;
}
.jewels11 { 
    margin-left: 0px;
    margin-top: 2px;
}
.jewels13
{margin-left: 0px;
margin-top: 8px;
}
.jewels14
{
margin-left: 0px;
margin-top: 8px;
}	
.productWrap ul li {
    margin-bottom: 75px;
}
.productWrap ul li .wrptxt {
    height: 133%;
}
}



@media screen and (max-width: 479px) and (min-width:282px)
{
.jewels1 {
    margin-left: 158px;
    margin-top: -17px;
}
.jewels2 {
    margin-left: 102px;
    margin-top: -25px;
}
.jewels3 {
margin-left: 90px;
    margin-top: -29px;
}
.jewels4 {
margin-left: 156px;
    margin-top: -33px;
}
.jewels5 {
margin-left: 160px;
    margin-top: -32px;
}
.jewels6 {
margin-left: 163px;
    margin-top: -30px;
}
.jewels7 {
margin-left: 160px;
    margin-top: -20px;
}
.jewels8 {
margin-left: 117px;
    margin-top: -26px;
}
.jewels9 {
margin-left: 138px;
    margin-top: -29px;
}
.jewels10 {
margin-left: 118px;
    margin-top: -31px;
}
.jewels11 {
margin-left: 158px;
    margin-top: -29px;
}
.jewels13
{margin-left: 162px;
margin-top: -25px;
}
.jewels14
{
margin-left: 164px;
margin-top: -24px;
}
}


@media screen and (max-width: 281px) and (min-width:238px)
{
.jewels1 {
    margin-left: 0px;
    margin-top: 6px;
}
.jewels2 {
    margin-left: 0px;
    margin-top: 7px;
}
.jewels3 {
    margin-left: 0px;
    margin-top: 7px;
}
.jewels4 {
    margin-left: 0px;
    margin-top: -4px;
}
.jewels5 {
    margin-left: 0px;
    margin-top: -4px;
}
.jewels6 {
    margin-left: 0px;
    margin-top: 7px;
}
.jewels7 {
    margin-left: 0px;
    margin-top: 7px;
}
.jewels8 {
    margin-left: 0px;
    margin-top: 5px;
}
.jewels9 {
    margin-left: 0px;
    margin-top: -3px;
}
.jewels10 {
    margin-left: 0px;
    margin-top: 2px;
}
.jewels11 {
    margin-left: 0px;
    margin-top: 2px;
}
.logoRight{
width: 45%;
    float: right;
    margin-right: 0px;
margin-top:-31px;    
	}
.sbidebit1
{
	width:70%;
}
.jewels13
{margin-left: 0px;
margin-top: 8px;
}
.jewels14
{
margin-left: 0px;
margin-top: 8px;
}
}

@media only screen and (max-width: 767px) {
	.menu1 ul li {
		margin-right: 0;
	}
	.productWrap {
		overflow-x: auto;
	}
}


.main-table td {
    font-weight: 400;
    font-family: sans-serif;
    text-align: left;
    padding: 7px;
}
.hed-bl td {
    font-weight: 600;
}


@media only screen and (max-width: 360px) {
	
	.mainBG {
		background: url(../img/iphone.jpg) no-repeat center top;
		min-height: 348px;
		background-size: cover;
	}
	.bannerBand {
		bottom: -71px;
	}
	.wrapper2 {
		padding-top: 40px;
	}
}

@media only screen and (max-width: 480px) and (min-width: 361px){
	.mainBG {
		background: url(../img/mobile-lifestyle.jpg) no-repeat center top;
		min-height: 331px;
		background-size: cover;
	}
	.bannerBand {
		bottom: -55px;
	}

}

@media only screen and (max-width: 662px) and (min-width: 481px){
	.mainBG {
		background: url(../img/kindlefire.jpg) no-repeat center top;
		min-height: 658px;
		background-size: cover;
	}

}

@media only screen and (max-width: 767px) and (min-width: 663px){
	.mainBG {
		background: url(../img/tab-lifestyle.jpg) no-repeat center top;
		min-height: 255px;
		background-size: cover;
	}

}
@media only screen and (max-width: 1370px) and (min-width: 960px){

	.mainBG {
		background: url(../img/medium-desktop.jpg) no-repeat center top;
		min-height: 426px;
		background-size: cover;
	}
}
@media only screen and (max-width: 1450px) and (min-width: 1371px){
	.mainBG {
		background: url(../img/medium-next.jpg) no-repeat center top;
		min-height: 426px;
		background-size: cover;
	}
	
}