@media (min-width:320px) and (max-width:767px){
	.col-md-6.col-sm-12.col-xs-12.vcards-pad, .col-md-12.col-sm-12.col-xs-12.vcards-pad{ padding: 0 7px;}
	.col-md-6.col-sm-6.col-xs-12.vcards-pad, .col-md-12.col-sm-6.col-xs-12.vcards-pad{ padding: 0 7px;}
	.compare-caption-wrap{ padding: 7px;}
	.compare-heading{ padding: 7px;}
	.s-header-fix.col-md-12{ padding: 0 7px;}
	.ig-heading{ padding: 12px 7px;}
	.v-header{ padding: 0 7px;}
    .pull-right_1
    {
        float: right; 
    }
	.input-group-addon.i-kg-addon2{ font-size: 12px; padding-left: 150px; padding-right: 8px;}
	.ss-container.col-md-12{ padding-left: 7px; padding-right: 7px;}
	.modal-content.s-wdh{ width: 70%; margin: 0 auto;}
	.modal-content.s-wdh1{ width: 70%; margin: 0 auto;}
	.modal-content.s-wdh2{ width: 90%; margin: 0 auto;}
	.col-xs-12.detail-pad{ padding-left: 7px; padding-right: 7px;}
	.s-htable th, .s-htable td{ padding: 5px 7px 5px 7px;}
	.s-htable-1 th, .s-htable td{ padding: 5px 7px 5px 2px;}
    .s-htable-2 th, .s-htable td{ padding: 5px 0px 5px 19px;}
	.s-htable-3 th, .s-htable td{ padding: 5px 0px 5px 45px;}
	.s-htable-4 th, .s-htable td{ padding: 5px 0px 5px 16px;}
	.ac-lr-pad{ padding-left: 7px; padding-right: 7px;}
	.form-control.ac-input{ width: 100%; max-width: 100%;}
	.ac-addon-input{ width: 100%; max-width: 100%;}
	
	table.s-add-chrges.s-htable tr td:first-child{ width: 58%;}
	table.s-add-chrges.s-htable-1 tr td:first-child{ width: 58%;}
    table.s-add-chrges.s-htable-2 tr td:first-child{ width: 58%;}
	table.s-add-chrges.s-htable-3 tr td:first-child{ width: 58%;}
	table.s-add-chrges.s-htable-4 tr td:first-child{ width: 58%;}
	table.s-add-chrges.s-htable tr td:last-child{ width: 60%;}
	table.s-add-chrges.s-htable-1 tr td:last-child{ width: 60%;}
    table.s-add-chrges.s-htable-2 tr td:last-child{ width: 60%;}
	table.s-add-chrges.s-htable-3 tr td:last-child{ width: 60%;}
	table.s-add-chrges.s-htable-4 tr td:last-child{ width: 60%;}
	
	table.add-charges-tbl.s-htable tr td:first-child{ width: 51%;}
	table.add-charges-tbl.s-htable-1 tr td:first-child{ width: 51%;}
    table.add-charges-tbl.s-htable-2 tr td:first-child{ width: 51%;}
	table.add-charges-tbl.s-htable-3 tr td:first-child{ width: 51%;}
	table.add-charges-tbl.s-htable-4 tr td:first-child{ width: 51%;}
	table.add-charges-tbl.s-htable tr td:last-child{ width: 49%;}
	table.add-charges-tbl.s-htable-1 tr td:last-child{ width: 49%;}
    table.add-charges-tbl.s-htable-2 tr td:last-child{ width: 49%;}
	table.add-charges-tbl.s-htable-3 tr td:last-child{ width: 49%;}
	table.add-charges-tbl.s-htable-4 tr td:last-child{ width: 49%;}
	
	.s-invoic-btn{ width: 100%;}
	
	.c-purchase-caption{ font-size: 12px;}
	.c-purchase-caption span{ font-size: 14px;}
	.c-date-caption span:first-child{ font-size: 12px;}
	.c-date-caption span:last-child{ font-size: 12px;}
	.card-iamount{ font-size: 12px;}
	.card-iamount1{ font-size: 12px; width:180px;color:black;}
	.card-required{ font-size: 12px;}
	.s-seprator-text-k.s-seprator-text{ font-size: 12px;}
	.purchase-caption{ font-size: 12px;}
	.compare-iamount{ font-size: 12px;}
	.s-light-small{ font-size: 12px;}
	
	.add-charges-fst-ip{ font-size: 12px;}

	.attach-td{ display: inline-block; width: 100%;}
	
	.rv-table th, .rv-table td{ padding: 5px 0px;}
	.s-seprator-text{ font-size: 14px;}
	
	.oneCard-k{ margin-right: 0px; width: 100%; margin-bottom: 7px;}
	.twoCard-k{ margin-left: 0px; width: 100%; margin-bottom: 7px;}
	.cart-charges-k{ padding-left: 0px;}
	
	.h-last-table thead{display:none;}
	.h-last-table{ margin-top: -12px; background: transparent;}
	.card-igroups2
{
	font-size: 10px;
	font-weight: 400;
	padding-top: 5px;
	color: #333;
	width:180px
}
	.card-vname1
{
	font-size: 14px;
	font-weight: 600;
	color: #333;
}
}

@media (max-width: 667px) and (min-width: 320px)
{
	.modal-content.s-wdh{ width: 47%; margin: 0 auto;}
	.modal-content.s-wdh1{ width: 47%; margin: 0 auto;}
}
@media (max-width: 627px) and (min-width: 320px)
{
	.modal-content.s-wdh{ width: 90%; margin: 0 auto;}
	.modal-content.s-wdh1{ width: 100%; margin: 0 auto;}
}
@media (min-width:768px) and (max-width:991px){
	.input-group-addon.i-kg-addon2{ font-size: 12px; padding-left: 30px; padding-right: 8px;}
	#all .col-md-6.col-sm-12.col-xs-12.vcards-pad, #all .col-md-12.col-sm-12.col-xs-12.vcards-

pad{ padding: 0 7px;}
	
	.profile-s-container{ max-width: 600px;}
		
	.fix-s-container{ max-width: 540px; margin: 0 auto;}
	
	
	.ac-fo-btn a{ font-size: 14px;}
	.detail-btn{ margin: 15px;}
	.s-cart-price i, .s-rupee{ font-size: 14px;}
	.rv-popup i{ font-size: 20px;}
	.s-link i{ font-size: 20px;}
	.vcard-purchase1
{
	float: left;
	width: 54px;
	text-align: center;
	display: inline-block;
	min-height: 100px;
	background: #ffc107;
	padding-top: 18px;
	background: rgb(219,160,0); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(240,177,19,1) 0%, rgba(255,152,0,1) 42%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,177,19,1)), color- stop(42%,rgba(255,152,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* 

Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* IE10+ */
	background: linear-gradient(to right, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dba000', endColorstr='#ff9800',GradientType=1 ); /* IE6-9 */
}

	.vcard-purchase3
{
	float: left;
	width: 54px;
	text-align: center;
	display: inline-block;
	min-height: 72px;
	background: #ffc107;
	padding-top: 18px;
	background: rgb(219,160,0); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(240,177,19,1) 0%, rgba(255,152,0,1) 42%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,177,19,1)), color- stop(42%,rgba(255,152,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* 

Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* IE10+ */
	background: linear-gradient(to right, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dba000', endColorstr='#ff9800',GradientType=1 ); /* IE6-9 */
}

	.vcard-purchase4
{
	float: left;
	width: 54px;
	text-align: center;
	display: inline-block;
	min-height: 72px;
	background: #ffc107;
	padding-top: 18px;
	background: rgb(219,160,0); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(240,177,19,1) 0%, rgba(255,152,0,1) 42%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,177,19,1)), color- stop(42%,rgba(255,152,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* 

Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* IE10+ */
	background: linear-gradient(to right, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dba000', endColorstr='#ff9800',GradientType=1 ); /* IE6-9 */
}

	.vcard-purchase1 span
	{
		display: block;
	}
	.vcard-purchase3 span
	{
		display: block;
	}
	.vcard-purchase4 span
	{
		display: block;
	}
		.vcard-purchase1 span:first-child
		{
			font-weight: 600;
			font-size: 20px;
			color: #333;
		}
		.vcard-purchase3 span:first-child
		{
			font-weight: 600;
			font-size: 20px;
			color: #333;
		}
		.vcard-purchase4 span:first-child
		{
			font-weight: 600;
			font-size: 20px;
			color: #333;
		}

		.vcard-purchase1 span:last-child
		{
			font-weight: 300;
			font-size: 12px;
			color: #333;
		}
		.vcard-purchase3 span:last-child
		{
			font-weight: 300;
			font-size: 12px;
			color: #333;
		}
		.vcard-purchase4 span:last-child
		{
			font-weight: 300;
			font-size: 10px;
			color: red;
		}
}


@media (min-width:992px) and (max-width:1399px){
	.arrow_box:after, .arrow_box:before {left: 98%;}	
	
	#all .row.icard-row > div:last-child{ padding-right: 7px !important;}
	
	.profile-s-container{ max-width: 600px; float: none; }
		
	.fix-s-container{ max-width: 540px; margin: 0 auto; float: none;}
	
	
	.ac-fo-btn a{ font-size: 14px;}
	.detail-btn{ margin: 15px;}
	.s-cart-price i, .s-rupee{ font-size: 14px;}
	.rv-popup i{ font-size: 20px;}
	.s-link i{ font-size: 20px;}
	.input-group-addon.i-kg-addon2{ font-size: 12px; padding-left: 190px; padding-right: 8px;}
}

@media (min-width:768px) and (max-width:1399px){
.row.icard-row > div:first-child{ padding-right: 7px !important;}
	.row.icard-row > div:last-child{ padding-left: 7px !important;}
}

/*FOR ITEM-INPUT PAGE*/
@media (min-width:320px) and (max-width:480px){
	.btn.std-btn, .btn.std-btn:focus{ width: 66px; padding: 0;}
	.input-group-addon.i-kg-addon{ font-size: 12px; padding-left: 4px; padding-right: 8px;}
	.input-group-addon.i-kg-addon2{ font-size: 12px; padding-left: 30px; padding-right: 8px;}
	/*.input-group-addon.i-kg-addon1{ font-size: 12px; padding-left: 70px; padding-right: 8px;}*/
	.input-group-addon.i-kg-addon1{ font-size: 12px; padding-left: 4px; padding-right: 1px;}
	.i-input-wrap{ display: inline-block; padding: 8px 5px;}
	.i-input-wrap1{ display: inline-block; padding: 0px 5px;}
	.col-md-4.col-sm-3.col-xs-3.i-qty{ width: 26%;}
	.col-md-3.col-sm-3.col-xs-3.i-rate{ width: 25%;}
	.col-md-2.col-sm-3.col-xs-3.i-amt{ width: 26%;}
	.col-md-3.col-sm-3.col-xs-3.i-done-btn{ width: 23%;}
	.form-control.i-kg-input{ font-size: 12px;}
	.icard-left{ padding: 5px;}
	.arrow_box:after, .arrow_box:before {left: 98%;}
	
	.modal-content.attach-modal-content{ width: 220px;}
	.rv-table tr th:last-child{ width: 15%; }
	.c-amt-wid{ width: 43%;}
	.c-kg-wid, .c-rs-wid{ width: 28%;}

	.c-amt-wid1{ width: 24%;}
	.c-kg-wid1, .c-rs-wid1{ width: 38%;}
	
/*	FROM SHANU'S RESPONSIVE FILE*/
	.s-info-container p:first-child{ font-size: 14px; }
	.s-info-container-1 p:first-child{ font-size: 11px; }
	.vendorname
	{
		width:122px;
	}
	
	.k-vendor{ padding-top: 0;}
	.k-vendor > span{ display: block;}
	
	.responsive-rv-table tr td:last-child{ width: 25% !important;}
	.spn_bulb
{
	padding-left: 30px;
	font-size:13px; 
	color:black;
	border-left-color:white;
	border-right-color:white;
	border-top-color:white;
	border-bottom-color:white;
	border-right-color:#ccc;
	padding-top: 6px;
}
}

/*@media (min-width:320px) and (max-width:480px)
{
	.s-htable-3 th, .s-htable td{ padding: 5px 0px 5px 60px;}
}*/


@media (min-width:481px) and (max-width:640px){
	.col-md-4.col-sm-3.col-xs-3.i-qty{ width: 35%;}
	.col-md-3.col-sm-3.col-xs-3.i-rate{ width: 25%;}
	.col-md-2.col-sm-3.col-xs-3.i-amt{ width: 17%;}
		
	.col-md-3.col-sm-3.col-xs-3.i-done-btn{ width: 23%;}
	.form-control.i-kg-input{ font-size: 12px;}
	.icard-left{ padding: 5px;}
	
	.arrow_box:after, .arrow_box:before {left: 99%;}
}

/*FOR COMPARE PAGE*/
@media (min-width:386px) and (max-width:520px){
	.graph-btn span{ display: block;}
	.btn.graph-btn{ width: 78px; font-size: 12px;}
	.compare-tabs{ width: calc(100% - 84px); margin-right: 8px;}
	.nav.nav-tabs.mob-nav.compare-nav>li>a{ font-size: 12px;}
	
	.c-graph-btn{ max-width: 72px; line-height: initial; font-size: 12px;}

}
@media (min-width:320px) and (max-width:385px){
	.graph-btn span{ display: block;}
	.btn.graph-btn{ width: 78px; font-size: 12px;}
	.compare-tabs{ width: calc(100% - 86px); margin-right: 8px;}
	.nav.nav-tabs.mob-nav.compare-nav>li>a{ padding: 0px 19px 10px; font-size: 12px;}
	
	.c-graph-btn{ max-width: 72px; line-height: initial; font-size: 12px; padding-top: 4px;}
}

@media (min-width:480px) and (max-width:520px){
	.c-graph-btn{ max-width: 120px; line-height: 36px; font-size: 14px;}
	.compare-tabs{ width: calc(100% - 134px);}
	.nav.nav-tabs.mob-nav.compare-nav>li>a{ font-size: 14px;}
}


@media (min-width:320px) and (max-width:570px){
	.profile-left-lable p:last-child{ 
		width: 165px;
	}
	.profile-left-lable p.s-profile-text-light{ 
		width: initial;
	}
	.lineheight
	{
		line-height:8px;
	}
	.vcard-purchase1
{
	float: left;
	width: 54px;
	text-align: center;
	display: inline-block;
	min-height: 100px;
	background: #ffc107;
	padding-top: 18px;
	background: rgb(219,160,0); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(240,177,19,1) 0%, rgba(255,152,0,1) 42%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,177,19,1)), color- stop(42%,rgba(255,152,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* 

Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* IE10+ */
	background: linear-gradient(to right, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dba000', endColorstr='#ff9800',GradientType=1 ); /* IE6-9 */
}
	.vcard-purchase3
{
	float: left;
	width: 54px;
	text-align: center;
	display: inline-block;
	min-height: 72px;
	background: #ffc107;
	padding-top: 18px;
	background: rgb(219,160,0); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(240,177,19,1) 0%, rgba(255,152,0,1) 42%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,177,19,1)), color- stop(42%,rgba(255,152,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* 

Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* IE10+ */
	background: linear-gradient(to right, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dba000', endColorstr='#ff9800',GradientType=1 ); /* IE6-9 */
}
	.vcard-purchase4
{
	float: left;
	width: 54px;
	text-align: center;
	display: inline-block;
	min-height: 67px;
	background: #ffc107;
	padding-top: 4px;
	background: rgb(219,160,0); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(240,177,19,1) 0%, rgba(255,152,0,1) 42%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,177,19,1)), color- stop(42%,rgba(255,152,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* 

Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* IE10+ */
	background: linear-gradient(to right, rgba(240,177,19,1) 0%,rgba(255,152,0,1) 42%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dba000', endColorstr='#ff9800',GradientType=1 ); /* IE6-9 */
}

	.vcard-purchase1 span
	{
		display: block;
	}
	.vcard-purchase3 span
	{
		display: block;
	}
	.vcard-purchase4 span
	{
		display: block;
	}
		.vcard-purchase1 span:first-child
		{
			font-weight: 600;
			font-size: 20px;
			color: #333;
		}
		.vcard-purchase3 span:first-child
		{
			font-weight: 600;
			font-size: 20px;
			color: #333;
		}
		.vcard-purchase4 span:first-child
		{
			font-weight: 600;
			font-size: 20px;
			color: #333;
		}
		.vcard-purchase1 span:last-child
		{
			font-weight: 300;
			font-size: 12px;
			color: #333;
		}
		.vcard-purchase3 span:last-child
		{
			font-weight: 300;
			font-size: 12px;
			color: #333;
		}
		.vcard-purchase4 span:last-child
		{
			font-weight: 300;
			font-size: 10px;
			color: red;
		}
}