@charset "utf-8";
/***************		FOR MOBILE *****************/
@media screen and (max-width:719px) {
	header{width:auto; padding:10px;}
	.logo{width:184px; margin:0 auto;display:block;float:none; padding-top:10px;}
	.wrapper{width:auto; padding:10px;}
	section{ width:100%;}
	.banner{width:100%;}
	.banner img {width:100%;  padding-bottom: 10px;}
	footer{ width:100%;}
	.login-Area{display:none;}
	.newsletter{display:none;}
	.block{width:100%;padding:0;}
	.ftCol{ margin:15px; width:auto;}
	.left{float:left !important; width:100%;}
	.right{float:right !important; width:100%;}
	.col1{width:100%;text-align:center;display:none;}
	.col2{width:100%;text-align:center;display:none;}
	.col3{width:100%;text-align:center;}
	.col3 img{ 
		width: 100%;
		text-align: center;
	}
	.basketImgStyle {
		width: 100%;
		
	}
	
	.cart_button {
		background-color: #e40941;
		color: #fff;
		padding: 5px;
		text-align: center;
		width: 50%;
	}
	.cart_button a {
		color: #FFF !important;
	}
	.MagicZoomBigImageCont {
		display: none;
	}
	.MagicZoomImage29927 {
		display: none;
	}
	.MagicZoomPup {
		background: none !important;
		border: none !important;
		cursor: default !important;
	}
	.labeling_block {
		display: none;
	}
	.btnCouponSubmit {
		height: 30px; 
		font-family: Arial, Helvetica, sans-serif; 
		text-transform: uppercase; 
		margin-top: 0px; 
		width: 100%; 
		color: #fff; 
		border: 0px; 
		background-color: #333333;
	}
	.prodInfo-orderview {
		width: 80%;
	}
	.QuantInfoDes {
		padding: 3px 0 0 0 !important;
	}
	.QuantInfoDes span {
		float: left;
		padding: 0 !important;
		width: 50%;
	}
	.payBoxes .inputtypes {
		width: 10%;
	}
	.paymentSuccessMessage {
		width:100%;
	}
	input[type="submit"] {
		height: 33px;
	}
	.block1{width:100%;margin-bottom:2px;padding:0px 0px 10px 0px;background:#f1f1f1;}
	.ltpanel{ display:none;}
	.rtpanel{ width:100%;}
	.prodDiv{ width:100% !important; margin:0px auto !important;}
	.prodImage{ border: none; width:100%; height:auto; padding:1px; text-align:center; }
	.prodLtgArea{ width:100%;}
	.prodPriceArea{ width:100%; padding-top: 4px;}
	.col12{ width:100%; height:auto; margin-bottom:5px;}
	.addtoBag{ height:25px;}
	.quantity{ border:1px solid #ddd; padding:8px 0px; float:left; margin-right:5px; margin-bottom:5px; width:60px; text-align:center;}
	.icon{ width:35px; float:left;}
	.share{ width:35px; float:left;}
	.col6{width:90%; margin-bottom:5px;}
	.detlThmb{ display:none;}
	.form-control {display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}
	.btn-block {display:block;width:100%;padding-left:0;padding-right:0}
	.input-group { width:100%;}
	.input-group[class*="col-"] {float: none;padding-right: 0;padding-left: 0;}
	.input-group .form-control {position: relative;z-index: 2;float: left;width: 100%;margin-bottom: 0;}
	.input-group-btn,.input-group .form-control {display: table-cell;}
	.input-group-btn,.input-group{ vertical-align:middle;}
	.input-group > .input-group-btn > .btn{ border-radius:0;}
	.input-group > .form-control{border-radius:0;}
	.shopCon{ width:auto; padding:15px;}
	.updatebtnDiv{
		overflow:hidden;
		height:30px;		
		padding-top:0 !important;
	}
	.updatebtn {
		padding-top: 10px; !important;
	}
	.prodInfo{ width:98%; float:left; overflow:hidden; padding:0px 15px 0px 0px;}

	.prodInfoImg{ width:20%; float:left; font-size:12px;  padding:10px 10px 0px 0px; }
	.prodInfoDes{ width:50%;float:left; padding:10px 0px 0px 0px; }
	.prodInfoDes span{ font-size:12px; font-weight:bold; padding:0px 0px 4px 15px; display:block; text-transform:uppercase}
	.prodInfoDes p{ font-size:12px;  padding:0px 0px 0px 15px;}
	.subtotal{width:90%; padding:0px; text-align:right;  font-size:14px;  text-transform:uppercase; margin-top:10px; color:#000000}
	.QuantInfo{ width:29%; float:left; overflow:hidden; padding:10px 8px 0px 0px;}
	.prodInfoHd{ font-size:11px; color:#000000; text-transform:uppercase; padding:5px 0px 5px 0px; border-bottom:1px solid #dedede; }
	.QuantInfoHd{  font-size:11px; color:#000000; text-transform:uppercase; padding:10px 0px 10px 0px; border-bottom:1px solid #dedede; }
	.subtotal{width:auto; padding:10px; text-align:right;  font-size:14px;  text-transform:uppercase; margin-top:10px; color:#000000}

	.subTotalCon{ width:100%; border:solid 1px #cccccc; padding:0px;}
	.grandTotalBox{width:100%; font-size:1.1em;  line-height:1.2em; color:#272727; padding-bottom:10px;}
	.leftLabelSide{float:left; width:auto; padding-left:10px; text-align:right; }
	.rgtLabelSide{float:right; width:auto; text-align:right;padding-right:10px;}
	.gray-line{border-bottom:1px solid #e4e3e3; width:auto; margin:5px auto;}
	.navDiv { width: auto; }
	.myacc { width: auto; }
	footer, section {
		width:100%;
		float: left;
	}
	footer p { 
		text-align: center;
	}	
	#franchise {
		width: 100%;
	}
	.page-popup {
		left: 0% !important;
		width: 91% !important;
		clear: both !important;
	}
	.mobile-gotocart {
		display: block;
		text-align: center;
	}
	.mobile-gotocart label {
		font-weight: bold;
	}
	.mobile-gotocart .shotcart {
		padding: 4px 0 0 0;
	}
	
	.toolfreemobile {
		display: block;
		font-family: arial;
		font-size: 10pt;
		letter-spacing: 2px;
		padding-top: 4px;
		text-align: center;
	}
	.toolfreemobile label {
		font-weight: bold;
		color: #E40941;
	}
	.pink-Box-mobile {
		width: 100%;
		border-radius:15px;
		background:#e40941;
		color:#fff;
		height:20px;
		margin-top:7px;		
		margin-bottom:3px;		
		text-align:center;
		padding:3px 0;
	}
	.pink-Box-mobile a {
		display:inline;
		padding:0 10px;
		line-height:22px;
		color:#fff;
		font-family:'RobotoRegular';
		text-transform:uppercase;
		font-size:12px;
	}
	.pink-Box-mobile img {
		padding-top: 1px;
		vertical-align: top;
	}
	#map_canvas {
		width: 100% !important;
		height: 300px !important;
		border-radius: 3px; 
		border: #515151 thin double; 
		border-width: 2px;
	}
	.storeLeft {
		float: left; 
		width: 100% !important;
	}
	.storeRight {
		float: left; 
		width: 100% !important;
	}
	.copyRights {
		width: 100%; 
		float: left;
	}
	.copyRights .copyLeft {
		float: left;
		width: 100%;
		text-align: center;
	}
	.copyRights .copyRight {
		float: right;
		width: 100%;
		text-align: center;
	}
	
	
	.removeInfo {
		padding-top: 10px !important;
	}
	
	.priceInfo{
		padding-top: 11px !important;
	}
	img{
		width:auto\9;
		height:auto;
		max-width:100%;
		vertical-align:middle;
		border:0;-ms-interpolation-mode:bicubic;
	}
	.signinup_button > a {
		background-color: #000000;
		border-radius: 4px;
		color: #FFFFFF;
		cursor: pointer;
		display: inline-block;
		margin-left: 0;
		padding-left: 0;
		width: 100%;
		height: 20px;
	}	
	.gloginbtn {
		height: 21px;
		vertical-align: top;
	}
	.storesLinks {
		width: 50% !important;
	}
	.sc-media {
		display: none !important;
	}
	.payBoxes label {
		font-size: 7pt !important;
		padding-top: 5px !important;
	}
	.payBoxes span img {
		display: none !important;
	}
	#frmpayment .left {
		display: none !important;
	}
	
}

/***************		For Products 	*****************/
@media (max-width:480px) {
	.prodDiv{width:auto;}
	.prodImage{width:98%; margin:0px auto; border-bottom: 2px solid #E40941; margin-bottom: 10px; }
	#franchise {
		width: 100%;
	}
	.mobile-gotocart {
		display: block;
		text-align: center;
	}
	.mobile-gotocart label {
		font-weight: bold;
	}
	
	.updatebtnAction {
		padding: 0 !important;
	}
	img{
		width:auto\9;
		height:auto;
		max-width:100%;
		vertical-align:middle;
		border:0;-ms-interpolation-mode:bicubic;
	}
	.storesLinks {
		width: 50% !important;
	}
	
	#showAddressDetails {
		width: 98% !important;
	}
	
}

/***************		For Products 	*****************/
@media (min-width:480px) and  (max-width:719px){
	.prodDiv{ width:48% !important; height:auto !important; float:left; margin-right:1% !important; margin-left:10px;}
	.prodImage{width:100%;  margin:0px auto; padding:1px; text-align:center; border-bottom: 2px solid #E40941; margin-bottom: 10px;}
	#franchise {
		width: 100%;
	}
	.mobile-gotocart {
		display: block;
		text-align: center;
	}
	.MagicZoomBigImageCont {
		display: none;
	}
	.MagicZoomImage29927 {
		display: none;
	}
	.MagicZoomPup {
		background: none !important;
		border: none !important;
		cursor: default !important;
	}
	.page-popup {
		left: 0% !important;
		width: 91% !important;
		clear: both !important;
	}
	.mobile-gotocart label {
		font-weight: bold;
	}
	.updatebtnAction {
		padding: 0 !important;
	}
	img{
		width:auto\9;
		height:auto;
		max-width:100%;
		vertical-align:middle;
		border:0;-ms-interpolation-mode:bicubic;
	}
	
	
}
@media only screen and (max-width: 780px) {
	.myacc {
		margin: 5%;
		width: 90%;
	}
	.how-use {
		float: left;
		width: 300px;
		display: none;
	}
}


/***************		IPAD LANDSCAP OR PORTRAIT 	*****************/
@media screen and (min-width:720px) and (max-width:1024px){
	header{width:auto; padding:10px;}
	.wrapper{width:auto; padding:10px;}
	.banner{width:100%;}
	.banner img {width:100%; padding-bottom: 10px; }
	.col1{width:29%;margin-right:5px;}
	.col2{width:27%;}
	.col3{width:43%;}
	.block1{ 
		width: 25%; 		
	}
	.footer-responsive {
		margin: 5px;
	}
	.ltpanel{ width: 20%; float:left; margin-right:10px;}
	.prodDiv{
		width: 30%; 
		height: 320px;  
		float: left; 
		margin-right: 5px; 
		margin-bottom: 10px;
	}
	.prodImage{ 
		float:left;
		width:100%;
		padding:12px 0 13px;
		text-align:center;
		margin-bottom:5px;
	}
	.prodImage:hover{  
		width:100%;  
		
	}
	.prodInfoImg {
		float: left;
		font-size: 12px;
		padding: 10px 0 0;
		width: 28%;
	}
	
	.prodInfoDes {
		float: left;
		padding: 10px 0 0;
		width: 70%;
	}
	
	ul.menu-list > li {
		margin: 0 17px 0 0;
	}
	
	.categoryDiv { width: 100%;  }
	.rtpanel{ width:77%; float:right; margin-left:10px;}
	.prodLtgArea{  width:100%;}
	#inner-wrap{ width:auto; padding:10px;}
	.prodPriceArea{ width:100%; padding-top: 4px;}
	.prodName{ width:100%; font-size:12px;}
	.prodPrice{ width:100%; font-size:12px;}
	.detlThmb{ width:13%; float:left; overflow:hidden; }
	.thumbArea { 
		width: 98%;
		height: auto;
		margin-bottom: 5px;		
		text-align: center;
		border: none;
	}
	input[type="submit"] {
		height: 33px;
	}
	.largeArea { 
		width: 35%; 
		height:auto;
	}
	.prodDesCon {
		width: 46%;
	}	
	.share{  
		width: 32px;
		height: 32px;
		margin-right: 0px;
	}
	.input-group { 
		width: 100%;
		display: table;
		border-collapse: separate;
	}
	.gray-line{
		border-bottom:1px solid #e4e3e3; 
		width:auto; 
		margin:0 auto;
	}
	.navDiv{ 
		width: auto;
	}
	.myacc{ 
		width: auto; 
	}
	.footer{
		width: 100%;
	}
	footer, section {
		width:100%;
		float: left;
	}
	
	footer p {
		text-align: center;
	}
	
	.paymentSuccessMessage {
		width:100%;
	}
	
	
	#franchise {
		width: 100%;
	}
	
	.MagicZoomBigImageCont {
		display: none;
	}
	
	.MagicZoomImage29927 {
		display: none;
	}
	
	.MagicZoomPup {
		background: none !important;
		border: none !important;
		cursor: default !important;
	}
	
	.page-popup {
		left: 0% !important;
		width: 91% !important;
		clear: both !important;
	}
	
	.mobile-gotocart {
		display: none;		
	}
	
	.mobile-gotocart label {
		font-weight: bold;
	}
	
	.updatebtnAction {
		float: left !important;
		width: 100% !important;
	}
	img{
		width:auto\9;
		height:auto;
		max-width:100%;
		vertical-align:middle;
		border:0;-ms-interpolation-mode:bicubic;
	}
	
	.sc-media {
		display: none !important;
	}
	
	
}