@charset "UTF-8";
@media (-webkit-min-device-pixel-ratio: 2), ( min-resolution: 192dpi) {}

@media screen and ( max-width: 1600px) {
	.fullTwoColumnInfo .content {
		padding: 124px 50px 144px 50px;
		text-align: center;
	}
	.fullTwoColumnInfo .content a.buttonStyle {
		border: 1px solid #f04a4a;
		color: #f04a4a;
		font-size: 16px;
		font-weight: 300;
		padding: 16px 25px;
		margin-top: 18px;
	}
	.fullTwoColumnInfo .content h2 {
		padding-bottom: 19px;
		padding-top: 28px;
	}
	.fullTwoColumnInfo .content p {
		font-size: 16px;
	}
	.fullwidthRightCol .content h2 {
		color: #fff;
	}
	.productInfoIcons img {
		margin: 25px 12px 0px 12px;
	}
	.fullTwoColumnInfo .content-right-text {
		padding: 0 36px!important;
		text-align: left;
	}
	.content-right-text h3 {
		font-size: 36px;
		padding: 0 0 16px;
	}
	.content-right-text p {
		font-size: 13px;
		line-height: 17px;
	}
	.content-right-text h5 {
		font-size: 25px;
		padding: 10px 0 11px;
	}
	.content-right-text a {
		font-size: 20px;
	}
	.content-right-text p {
		font-size: 13px;
	}
	.content-left-image img {
		height: 430px!important;
		max-height: 580px!important;
		width: 100%;
	}
	.content-right-image img {
		height: 430px;
		max-height: 580px;
		width: 100%;
	}
	.Shipment-content h6 {
		font-size: 28px;
	}
	.Shipment-content>h4 {
		padding: 70px 0 0;
	}
	.Shipment-content>p {
		font-size: 16px;
		line-height: 21px;
		padding: 0 0 0;
	}
	.Shipment-content h5 {
		font-size: 16px!important;
		line-height: 1.6em!important;
		padding: 0!important;
	}
	.content-right-text p {
		font-size: 16px;
		line-height: 1.6em;
	}
	.content-right-text h5 {
		font-size: 28px;
		line-height: 21px;
		padding: 8px 0 18px;
	}
}

@media screen and ( max-width: 1366px) {
	p {
		font-size: 16px;
		line-height: 1.6em;
	}
	.innerHeader .navbar-default .navbar-nav>li>img {
		width: 18px;
	}
	.innerHeader .navbar-default .navbar-nav>li>a {
		font-weight: 400;
		padding: 0 10px;
		font-size: 15px;
	}
	.innerHeader .navbar-default .navbar-nav>li.lang .dropdown button .fa {
		font-size: 18px;
	}
	.innerHeader .navbar-default .navbar-nav>li.lang .dropdown-menu {
		top: 52px;
	}
	.fullTwoColumnInfo .content p {
		font-size: 16px;
	}
	.ourProductsIncludes h2.mainHeadingBrands {
		font-size: 36px !important;
		padding: 100px 0px;
	}
	.products {
		padding: 40px 20px;
		max-width: 100%;
		margin-bottom: 30px;
	}
	.productsIcons>img {
		width: 60%;
	}
	.warningInfo {
		font-size: 16px;
		line-height: 1.3em;
		padding: 10px 18px;
	}
	.warningIcon {
		width: 85px;
	}
	.firstOrderinfoRightColumn h2, .infoBlocks h2 {
		font-size: 28px !important;
	}
	.firstOrderInfo h4 {
		font-size: 52px;
	}
	.registrationColumn h2.mainheading, .innerBannertext h1, .innerBannerHeader h1 {
		font-size: 48px !important;
		padding: 100px 0px;
	}
	p.resellerinfo {
		font-size: 16px;
		line-height: 1.6em;
	}
	.formHeadings {
		font-size: 24px;
		margin-top: 28px;
		margin-bottom: 36px;
	}
	.billdesc p {
		min-height: 116px;
	}
}

@media screen and ( min-width: 1120px) {
	.sampbox {
		width: 70%;
	}
}

@media screen and ( max-width: 1199px) {
	/* Essential */
	.homeHeader .navbar-brand, .innerHeader .navbar-brand {
		max-width: 250px;
		width: 250px;
	}
	.homeHeader .navbar-default .navbar-nav>li, .innerHeader .navbar-default .navbar-nav>li {
		margin-top: 12px;
	}
	/*.contentArea {padding-top: 55px;}*/
	.innerBannertext h1, .innerBannerHeader h1 {
		font-size: 36px !important;
		padding: 90px 0px;
	}
	.sentIcon {
		max-width: 155px;
		padding-top: 30px;
		padding-bottom: 10px;
	}
	.thankHeading {
		font-size: 70px;
		padding-top: 25px;
		padding-bottom: 35px;
	}
	.headingBar {
		padding-left: 10px;
	}
	.headingBar span {
		padding-left: 15px;
	}
	.brandItems {
		padding: 36px 5px 20px 5px;
		height: 230px;
	}
	.clientInfoText {
		font-size: 16px;
		line-height: 1.3em;
	}
	.footerNav h5 {
		font-size: 15px;
		margin-top: 0px;
	}
	.footerRightColumn p span {
		padding-left: 15px;
	}
	.offerDesc br {
		display: none;
	}
	.offerIcon img {
		max-width: 32px;
	}
	.firstCartIcon img {
		max-width: 70%;
	}
	.firstOrderinfoRightColumn {
		padding-left: 53px;
		padding-top: 70px;
	}
	.firstOrderInfo h4 {
		font-size: 60px;
		padding: 34px 0 0 50px;
	}
	.firstOrderInfo h4 span {
		font-size: 35px;
	}
	.firstOrderInfo .plusIcon {
		padding: 0 0 0 15px;
		width: 44px;
	}
	.inputRightAligned {
		width: 79%;
	}
	.deliveryInfoBlock .infoBlocks {
		padding-bottom: 60px;
	}
	.deliveryInfoBlock {
		padding: 85px 0px;
	}
	.registrationColumn h2.mainheading {
		padding: 120px 0px;
		font-size: 36px !important;
	}
	.copyRight {
		font-size: 12px !important;
	}
	/*.innerBannerHeader {
		padding: 80px 0px;
	}*/
	.fullTwoColumnInfo .content {
		padding: 100px 36px;
		text-align: center;
	}
	.fullTwoColumnInfo .content a.buttonStyle {
		border: 1px solid #f04a4a;
		color: #f04a4a;
		font-size: 16px;
		font-weight: 300;
		padding: 10px 15px;
		margin-top: 29px;
		line-height: 20px;
	}
	.fullTwoColumnInfo .content h2 {
		padding-bottom: 19px;
		padding-top: 28px;
		font-size: 36px !important;
	}
	.fullTwoColumnInfo .content p {
		font-size: 16px;
	}
	.fullwidthRightCol .content h2 {
		color: #fff;
	}
	.productInfoIcons img {
		margin: 15px 8px 0px 8px;
		width: 80px;
	}
	.fullTwoColumnInfo .content-right-text {
		padding: 0 52px;
		text-align: left;
	}
	.content-right-text h3 {
		font-size: 36px;
		padding: 0 0 16px;
	}
	.content-right-text p {
		font-size: 13px;
		line-height: 1.6em;
	}
	.content-right-text h5 {
		font-size: 25px;
		padding: 10px 0 11px;
	}
	.content-right-text p {
		font-size: 13px;
	}
	.content-left-image img {
		height: 430px;
		max-height: 580px;
	}
	.content-right-image img {
		height: 430px;
		max-height: 580px;
	}
	.Shipment-content h6 {
		font-size: 28px;
		font-weight: 500;
	}
	.content-right-text h5 {
		font-size: 13px;
		line-height: 17px;
	}
	.Shipment-content>h4 {
		padding: 70px 0 0;
	}
	.warning-text {
		display: table-cell;
		font-size: 16px;
		line-height: 1.3em;
		padding: 10px 0;
		vertical-align: middle;
	}
	.warningIcon {
		display: table-cell;
		vertical-align: middle;
	}
	.Shipment-content>p {
		font-size: 16px;
		line-height: 21px;
		padding: 0 0 0;
	}
	.Shipment-content h5 {
		font-size: 16px!important;
		line-height: 21px!important;
		padding: 0!important;
	}
	.content-right-text p {
		font-size: 16px;
		line-height: 1.6em;
	}
	.content-right-text h5 {
		font-size: 28px;
		line-height: 1.1em;
		padding: 8px 0 9px;
	}
	.innerHeader .navbar-default .navbar-nav>li>a {
		padding: 0 5px;
	}
	.browseImage {
		padding: 153px 0px;
	}
	.icon {
		margin-left: 0px;
	}
	.centerImg {
		margin: 40px 0px;
	}
	.centerImg img {
		width: 30%;
	}
	h1.title {
		font-size: 28px;
	}
	h1.title span {
		font-size: 20px;
	}
	.logBlk .Search {
		margin-right: 14px;
		/*width: 168px;*/
		width: 140px;
	}
	.logBlk .homeHeader .navbar-default .navbar-nav>li, .innerHeader .navbar-default .navbar-nav>li {
		margin-top: 0;
	}
	.logBlk .navbar-collapse {
		padding-left: 18px;
		width: 75%;
	}
	.logBlk .navbar-header {
		float: left;
		width: 25%;
		width: 235px;
	}
	p .largetext {
		font-size: 18px;
		font-weight: 700;
	}
	.box .boxinfo {
		font-size: 18px;
	}
	.customBlk .left {
		width: 20%;
	}
	.customBlk .inputText {
		width: 77%;
	}
	.billdesc h6 {
		font-size: 17px;
	}
	.invoiceCol h1 {
		font-size: 35px;
	}
	.invoicetext span {
		font-size: 30px;
	}
	.proTables .table thead tr {
		font-size: 16px;
	}
	.productid {
		font-size: 16px;
	}
	.productname {
		font-size: 14px;
		font-weight: 600;
	}
	.order {
		font-size: 30px;
		font-weight: 600;
	}
	.qty {
		font-size: 30px;
	}
	.unitcost {
		font-size: 14px;
		font-weight: bold;
	}
	.cost {
		font-size: 24px;
	}
	.discount h3 {
		font-size: 30px;
	}
	.discount span {
		font-size: 14px;
		font-weight: bold;
	}
	.subtotal {
		font-size: 14px;
		font-weight: bold;
	}
	.subTotal1 {
		font-size: 24px;
	}
	.order {
		font-size: 14px;
		font-weight: 600;
	}
	.finaltotal {
		font-size: 20px;
	}
	.subtotallast {
		font-size: 16px;
		font-weight: bold;
	}
	.thankyou h1 {
		font-size: 40px;
	}
	.thankyou p {
		font-size: 18px;
		line-height: 36px;
	}
	.thankyou .business {
		font-size: 20px;
		font-weight: bold;
	}
	#shopingCart {
		padding: 40px 0;
	}
	.centerbutton.amend {
		margin: 22px 0 0;
	}
	.centerbutton.amend .redButon {
		font-size: 22px;
		padding: 25px 50px;
	}
	.shopBlock.cards .box .orderboxinfo {
		font-size: 16px;
	}
	.ordertStatus ul li:nth-child(2) {
		width: 390px;
	}
	.ordertStatus ul li:last-child {
		width: 290px;
	}
	.payHeadings {
		font-size: 17px;
	}
	.ordertStatusDesc ul li:nth-child(2) {
		width: 390px;
	}
	.ordertStatusDesc ul li:last-child {
		width: 290px;
	}
	.shippingtitle {
		font-size: 16px;
		font-weight: 600;
		padding-top: 4px;
	}
	.authorizedheading {
		font-size: 16px;
		margin: 7px 20px 0 15px;
		width: auto;
	}
	.credit {
		float: left;
		width: 39%;
	}
	.orderdate h5 {
		font-size: 16px;
	}
	.payinstructimage h4 {
		font-size: 24px;
	}
	.payinstructdesc>ul li {
		font-size: 16px;
		margin-bottom: 16px;
	}
	.payinstructdesc>ul li b {
		font-size: 22px;
		font-weight: 600;
	}
	.payinstructdesc>h4 {
		font-size: 24px;
	}
	/* 3-29-18 */
	.sampleftsection {
		margin-right: 2%;
		width: 15%;
	}
	.samprightsection {
		width: 83%;
	}
	.sampbox {
		width: 73%;
	}
	.sampbox2 {
		width: 27%;
	}
	.samphkd {
		justify-content: flex-start;
	}
	.samphkd>span {
		font-size: 35px;
		letter-spacing:-2px;
	}
	.sampProduct .sampbox2.righthkd .samphkd>label {
		font-size: 16px !important;
		width: 100%;
	}
	.sampProduct .samprsp>p {
		font-size: 13px;
		line-height: 16px;
	}
	.sampProduct .samprsp>span {
		color: rgb(131, 131, 131);
		float: right;
		font-size: 13px;
		font-weight: 400;
		line-height: 15px;
		width: auto;
	}
	.sampProduct .samprsp {
		width: auto;
	}
	.sampProduct .samphead h5 {
		color: rgb(255, 255, 255);
		font-size: 17px;
		font-weight: bold;
		line-height: 21px;
		width: 100%;
	}
	.sampProduct .ean>img {
		max-width: 21px;
		padding-right: 5px;
	}
	.sampProduct .ean>label {
		font-size: 12px !important;
	}
	.sampProduct .ean>span {
		font-size: 12px;
	}
	.sampProduct .lastorder>label {
		font-size: 12px !important;
	}
	.sampProduct .lasthkd p {
		font-size: 21px;
	}
	.sampProduct .lasthkd h6 {
		font-size: 12px;
	}
	.sampProduct .sampbox2 {
		padding-left: 5px;
		padding-top: 4px;
		flex-direction:column;
	}
	.getfree {
		float: left;
		height: 56px;
		margin-right: 10px;
		width: auto;
	}
	.sampbox .getfree_wrapper {
		width: 107px; width: 125px;
		font-size: 9.3px; /* 9.3px */
		margin-bottom:4px;
	}
	.sampProduct .getfree>img {
		height: 100%;
		max-width: 107px;
	}
	.sampProduct .costhead {
		font-size: 10px;
		/*padding: 0 10px;*/
	}
	.costbonus {
		width:calc(100% - 125px - 4px - 8px);
	}
	.costbonus.full > ul { display:flex; flex-wrap:wrap; }
	.costbonus.full > ul li { flex:1 0 58%; margin:0; }
	.costbonus.full > ul li:first-child { flex:100%; border:0; margin:0; }
	.costbonus.full > ul li:last-child { flex:1 42%; margin:0; }
	.costdesc {
		font-size: 16px;
		min-height: 32px;
		padding: 3px;
	}
	.costhead1 {
		font-size: 11px;
		/*padding: 0 37px;*/
	}
	.costdesc1 {
		font-size: 19px;
		min-height: 30px;
		min-height: 34px;
	}
	.purchasequan>span {
		font-size: 13px;
	}
	/* .sampProduct.doubleList .purchasequan {
		top: 198px;
	} */
	.sampProduct .purchasevalue .btn-default {
		padding: 0 7px;
	}
	.sampProduct .quanorder {
		font-size: 13px;
		padding: 4px 0;
	}
	.samplist {
		margin: 0 0 10px;
	}
	.unisection {
		float: left;
		margin: 6px 0 10px 0;
		width: 100%;
	}
	.totalquan>p {
		font-size: 14px;
	}
	.totalquan p.valuegreen {
		font-size: 18px;
	}
	.totalvalue>p {
		font-size: 16px;
		line-height: 21px;
	}
	/* .sampProduct .quantitybox.multiList li:last-child .pull-right .totalquan { */
	/* text-align:center !important; */
	/* width:100%; */
	/* } */
	/* .sampProduct .quantitybox ul li .pull-right { */
	/* float: left !important; */
	/* text-align: left !important; */
	/* } */
	/* .sampProduct .quantitybox.multiList li:last-child .pull-right { */
	/* text-align: center !important; */
	/* width: 100%; */
	/* } */
	.totalquan>span {
		font-size: 10px;
	}
	.totalquan span.valuehkd {
		font-size: 11px;
	}
	.totalvalue>p {
		font-size: 13px;
		line-height: 21px;
		margin-top: 8px;
	}
	.sampProduct.doubleList .purchasequan {
		right: 2px;
		/*top: 228px;*/
	}
	.sampProduct.withoutList .purchasequan {
		/*top: 161px;*/
		right: 2px;
	}
	.sampProduct.singleList .purchasequan {
		right: 2px;
		/*top: 101px;*/
		top: auto;
	}
	.sampProduct .purchasequan {
		bottom: 0;
		right: 2px;
		/*top: 95px;*/
	}
	.rightCol.rightpad {
		padding: 20px 0 20px 15px;
	}
	.pmGpage.sections.text-center.coursePaging {
		margin-bottom: 94px;
	}
	/*-----*/
	.table02 td {
		font-size: 17px;
	}
	.table02 th {
		font-size: 17px;
	}
	.table01 td {
		font-size: 17px;
		padding: 7px 20px 8px;
	}
	.table02 th {
		font-size: 14px;
	}
	.table02 td {
		font-size: 14px;
	}
	.table01 td.black {
		padding: 6px 14px 6px 25px;
	}
	.table01 td {
		font-size: 15px;
	}
	.table02 td img {
		margin-right: 12px;
	}
	.table02 td span {
		padding-left: 9px;
	}
	.table02 {
		margin-top: 35px;
	}
	.socialBlk {
		white-space: inherit;
	}
	.socialBlk span {
		font-size: 16px;
	}
	.accountTable td {
		padding: 10px 10px !important;
	}
	.acoountRed .redbar p {
		font-size: 16px;
	}
	.stockOuter.stockOuter01 .removeBlk p {
		margin-bottom: 37px;
		margin-bottom: 18px;
	}
	.afterLoginHeader .Search>input {
		width: 80%;
		padding-left: 12px;
		padding-right: 28px;
		background-position: 100% center;
	}
	.afterLoginHeader .Search {
		margin-right: 4px !important;
	}
	.afterLoginHeader li img {
		width: 22px;
	}
	.afterLoginHeader .navbar-default .navbar-nav>li a {
		padding: 5px 0px 5px 4px !important;
	}
	.afterLoginHeader .navbar-default .navbar-nav>li {
		margin-top: 4px;
	}
	/* .afterLoginHeader .navbar-default .navbar-nav>li.lang {} */
	.statisticInfoText p span {
		font-size: 32px;
	}
	.statisticInfoText p {
		font-size: 23px;
	}
	.acct ul li.redcolor {
		font-size: 16px;
		font-weight: 700;
	}
	.acct ul li.lightgrey {
		font-size: 12px;
		font-weight: 600;
		height: 112px;
	}
	.acct ul li.darkgrey {
		font-size: 12px;
		font-weight: 600;
		height: 112px;
	}
	.acct ul li.lightgrey span, .acct ul li.darkgrey span {
		display: table-cell;
		padding: 0 10px;
		text-align: left;
		vertical-align: middle;
	}
	.lightgrey br, .darkgrey br {
		display: none;
	}
	.edit {
		font-size: 12px;
	}
	#sample.dropdownSel.dropdownSel01 {
		background: rgb(255, 255, 255) none repeat scroll 0 0;
		height: 60px;
	}
	.dropdownSel.dropdownSel01 dt a {
		background: rgba(0, 0, 0, 0) url("../images/selarrow.png") no-repeat scroll 96% 28px;
		font-size: 14px;
		font-weight: 400;
		line-height: 53px;
	}
	.submitButton {
		font-size: 20px;
		margin-bottom: 0;
		/* max-width: 275px; */
	}
	.form-control.submitButton.branchBtn {
		margin: 40px 0;
	}
	.footerInfo .footerimg .logo {
		width: 210px;
	}
}

/* 1199px */

@media screen and ( min-width: 992px) {
	.samprightsection {
		display: flex;
		flex-wrap: wrap;
	}
}

@media screen and ( max-width: 991px) {
	/* Essential */
	.navbar-right {
		float: none!important;
		display: inline-block;
		vertical-align: top;
	}
	p {
		font-size: 14px;
	}
	h2 {
		font-size: 20px !important;
		padding: 20px 0px 0px 0px;
	}
	.homeContent h1 {
		font-size: 58px;
		padding-top: 10px;
		line-height: 60px;
	}
	.homeContent h3 {
		padding-top: 30px;
		font-size: 36px;
	}
	.homeHeader .navbar-brand, .innerHeader .navbar-brand {
		max-width: 200px;
		width: 200px;
	}
	.innerHeader .navbar-brand .logo {
		margin-bottom: 4px;
	}
	.homeHeader .navbar-default .navbar-nav>li>a, .innerHeader .navbar-default .navbar-nav>li>a {
		font-size: 14px;
	}
	.homeHeader .navbar-default .navbar-nav>li, .innerHeader .navbar-default .navbar-nav>li {
		padding: 0px 4px 0px 4px;
		margin-top: 0;
		display: inline-block;
		vertical-align: middle;
		float: none;
	}
	.brandItems {
		padding: 36px 5px 20px 5px;
		height: 220px;
	}
	footer .offerDesc {
		font-size: 11px;
	}
	.headingBar h3 {
		font-size: 20px;
	}
	.headingBar span {
		padding-left: 12px;
		width: 36px;
	}
	.firstOrderinfoRightColumn {
		padding-left: 53px;
		padding-top: 0px;
	}
	.firstOrderInfo {
		padding-top: 10px;
	}
	.firstOrderInfo h4 {
		font-size: 38px;
		padding: 24px 0 0 35px;
	}
	.firstOrderInfo h4 span {
		font-size: 28px;
	}
	.firstOrderInfo .plusIcon {
		padding: 0 0 0 15px;
		width: 44px;
	}
	.firstOrderinfoRightColumn p {
		padding-top: 15px;
	}
	.footerInfo p {
		font-size: 12px;
	}
	.browseImage h3 {
		font-size: 21px;
	}
	label {
		font-size: 14px !important;
	}
	input.inputText {
		height: 36px;
		font-size: 14px;
	}
	select.inputText {
		height: 36px;
		font-size: 16px;
	}
	.inputBlock {
		margin-bottom: 20px;
	}
	.erorContent {
		top: -4px;
	}
	.erorContentRightAligned {
		top: -34px;
	}
	.erorContent p {
		margin: 0px;
		font-size: 15px;
		padding: 5px 0px;
	}
	.submitButton {
		/* max-width: 365px; */
		font-size: 26px;
		margin-bottom: 0px;
	}
	/*.innerBannerHeader {
		padding: 50px 0px;
	}*/
	.fullTwoColumnInfo .content {
		padding: 80px 30px 80px 30px;
		text-align: center;
	}
	.fullTwoColumnInfo .content a.buttonStyle {
		border: 1px solid #f04a4a;
		color: #f04a4a;
		font-size: 14px;
		font-weight: 300;
		padding: 10px 15px;
		margin-top: 15px;
		line-height: 1.3em;
	}
	.fullTwoColumnInfo .content h2 {
		padding-bottom: 10px;
		padding-top: 28px;
		font-size: 24px !important;
		font-weight: 500 !important;
	}
	.fullTwoColumnInfo .content p {
		font-size: 14px;
		line-height: 1.6em;
	}
	.fullwidthRightCol .content h2 {
		color: #fff;
	}
	.productInfoIcons img {
		margin: 15px 8px 0px 8px;
		width: 60px;
	}
	.fullTwoColumnInfo .mainIcon {
		width: 130px;
		display: inline-block;
	}
	.fullTwoColumnInfo .content {
		padding: 70px 36px;
		text-align: center;
	}
	.inputBlock {
		margin-bottom: 20px;
	}
	.erorContent {
		top: -4px;
	}
	.erorContent p {
		margin: 0px;
		font-size: 15px;
		padding: 5px 0px;
	}
	.submitButton {
		/* max-width: 365px; */
		font-size: 26px;
		margin-bottom: 0px;
	}
	.registrationColumn h2.mainheading {
		font-size: 36px !important;
		padding: 90px 0;
		margin-bottom: 18px !important;
	}
	.browseImageCol {
		font-size: 18px;
		height: 36px;
	}
	.browseImageCol>img {
		padding: 8px 20px 0px;
		height: 28px;
	}
	.browseImageCol h6 {
		font-size: 20px;
		padding: 8px 0px 0px;
	}
	.formHeadings {
		margin-bottom: 28px;
		margin-top: 0;
	}
	.deliveryInfoBlock {
		padding: 50px 0;
	}
	.fullTwoColumnInfo .content-right-text {
		padding: 0 52px;
		text-align: left;
	}
	.content-right-text h3 {
		font-size: 24px;
		padding: 0 0 16px;
		font-weight: 500;
	}
	.content-right-text p {
		font-size: 14px;
		line-height: 1.6em;
	}
	.content-right-text h5 {
		font-size: 20px;
		padding: 10px 0 11px;
	}
	.content-right-text p {
		font-size: 14px;
	}
	.content-left-image img {
		height: 430px;
		max-height: 580px;
	}
	.content-right-image img {
		height: 430px;
		max-height: 580px;
	}
	.Shipment-content h6 {
		font-size: 20px;
	}
	.Shipment-content>h4 {
		padding: 40px 0 0;
	}
	.Shipment-content h5 {
		font-size: 14px !important;
		line-height: 1.6em !important;
		padding: 0 !important;
	}
	.ourProductsIncludes h2.mainHeadingBrands {
		font-size: 36px!important;
		padding: 80px 0px!important;
		margin-bottom: 28px!important;
	}
	.warning-text {
		display: table-cell;
		font-size: 14px;
		line-height: 1.3em;
		padding: 0;
		vertical-align: middle;
	}
	.warningIcon {
		display: table-cell;
		vertical-align: middle;
	}
	.warningIcon {
		padding-top: 0;
		width: 115px;
	}
	.uploadedImg {
		padding: 175px 0px;
	}
	.rightBlock {
		width: 100%;
		border: 0px;
		padding: 0 0 10px 0;
		margin: 0px 0 10px 0;
		text-align: center;
		border-bottom: 1px solid #d3d3d3;
	}
	.acct ul li.redcolor {
		font-size: 14px;
		font-weight: 700;
	}
	.acct ul li.lightgrey {
		font-size: 12px;
		font-weight: 600;
		height: 112px;
	}
	.acct ul li.darkgrey {
		font-size: 12px;
		font-weight: 600;
		height: 112px;
	}
	.acct ul li.lightgrey span, .acct ul li.darkgrey span {
		display: table-cell;
		padding: 0 2px;
		text-align: left;
		vertical-align: middle;
	}
	.lightgrey br, .darkgrey br {
		display: none;
	}
	.edit img {
		margin-right: 6px;
		margin-top: 3px;
		width: 23%;
	}
	.edit {
		display: flex;
		font-size: 11px;
	}
	.disable {
		display: flex;
		margin: 5px 0;
	}
	.inputOuter span img {
		width: 8%;
		margin-top: 0;
	}
	.inputOuter.lock span img {
		width: 35px;
		margin-top: 0;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.registrationColumnLogin {
		padding: 50px 0px 0;
	}
	.centerbutton input.redButon {
		padding: 15px 40px;
		font-size: 20px;
	}
	.registrationColumnLogin .centerbutton {
		margin: 20px 0 30px;
	}
	.centerImg img {
		width: 50%;
	}
	h1.title {
		font-size: 28px;
	}
	h1.title span {
		font-size: 20px;
	}
	.logBlk .navbar-header {
		float: left;
		text-align: center;
		width: 100%;
	}
	.logBlk .navbar-collapse {
		padding-left: 0px;
		width: 100%;
	}
	.logBlk .logo {
		margin-bottom: 4px;
	}
	.customBlk {
		height: 36px;
	}
	.customBlk .inputText {
		width: 69%;
	}
	.customBlk .left {
		margin-top: 0px;
		width: 25%;
		font-size: 14px;
	}
	#shopingCart {
		padding: 50px 0;
	}
	.invoiceCol {
		margin-bottom: 35px;
	}
	.bill_wrapper {
		display: block;
	}
	.bill {
		width: 100%;
	}
	.billdesc h6 {
		max-height: 35px;
		min-height: 35px;
	}
	.boxOuter {
		margin: 0 0 18px;
	}
	p .largetext {
		font-size: 18px;
	}
	.invoiceCol h1 {
		font-size: 32px;
		margin: 0 0 6px;
	}
	.invoicetext {
		font-size: 21px;
		font-weight: 400;
		margin-bottom: 4px;
	}
	.invoicetext span {
		font-size: 21px;
	}
	.invoicetext {
		font-size: 15px;
		font-weight: 400;
		margin-bottom: 0;
	}
	.box .boxinfo {
		font-size: 16px;
	}
	.box .boxinfo span {
		font-size: 12px;
	}
	.protext>p {
		font-size: 16px;
		margin: 0 0 3px;
	}
	.proTables .table thead tr {
		font-size: 14px;
	}
	.productid {
		font-size: 16px;
	}
	.productname {
		font-size: 14px;
		font-weight: 600;
	}
	.order {
		font-size: 30px;
		font-weight: 600;
	}
	.qty {
		font-size: 30px;
	}
	.unitcost {
		font-size: 14px;
		font-weight: bold;
	}
	.cost {
		font-size: 24px;
	}
	.discount h3 {
		font-size: 30px;
	}
	.discount span {
		font-size: 14px;
		font-weight: bold;
	}
	.subtotal {
		font-size: 14px;
		font-weight: bold;
	}
	.subTotal1 {
		font-size: 24px;
	}
	.order {
		font-size: 14px;
		font-weight: 600;
	}
	.proTables .getfree_wrapper {
		max-width:107px; max-width:120px;
		font-size:9.3px;
	}
	.finaltotal {
		font-size: 20px;
	}
	.subtotallast {
		font-size: 16px;
		font-weight: bold;
	}
	.ordertStatusDesc ul li:first-child {
		width: 175px;
	}
	.ordertStatusDesc ul li:nth-child(2) {
		width: 275px;
	}
	.ordertStatusDesc ul li:last-child {
		width: 240px;
	}
	.shippingtitle {
		font-size: 16px;
		font-weight: 600;
		padding-top: 4px;
	}
	.authorized {
		margin-bottom: 35px;
		padding: 0 45px;
	}
	.authorizedheading {
		font-size: 16px;
		margin: 7px 20px 21px 15px;
		width: auto;
	}
	.credit {
		float: left;
		width: 20%;
	}
	.credit>img {
		max-width: 100px;
	}
	.shippingstatus {
		padding: 0 18px;
	}
	.orderdate::before {
		background: rgb(255, 0, 0) none repeat scroll 0 0;
		content: "";
		height: 145px;
		position: absolute;
		right: -8px;
		width: 10px;
	}
	.orderdate::after {
		background: rgb(255, 0, 0) none repeat scroll 0 0;
		border-radius: 50%;
		content: "";
		height: 30px;
		position: absolute;
		right: -18px;
		top: -5px;
		width: 30px;
	}
	.orderdate h5 {
		font-size: 16px;
	}
	.orderdate>p {
		font-size: 12px;
	}
	.payinstructdesc>h4 {
		font-size: 20px;
	}
	.payinstructdesc>p {
		font-size: 16px;
		font-weight: 400;
	}
	.payinstructdesc>ul li b {
		font-size: 18px;
		font-weight: 600;
	}
	.payinstructimage h4 {
		font-size: 18px;
	}
	.ordertStatus ul li:nth-child(2) {
		width: 275px;
	}
	.ordertStatus ul li:first-child {
		width: 175px;
		cursor: none;
	}
	.ordertStatus ul li:last-child {
		width: 240px;
	}
	.payHeadings {
		font-size: 15px;
		padding: 12px 16px;
	}
	.thankyou p {
		font-size: 17px;
		line-height: 36px;
	}
	/* 29-3-18 */
	.sampProduct .samphead h5 {
		font-size: 14px;
		line-height: 20px;
	}
	.samphkd>span {
		font-size: 27px;
	}
	.sampProduct .samprsp>p {
		font-size: 11px;
		line-height: 15px;
		margin: 0 1px 0 6px;
	}
	.sampProduct .samprsp>span {
		font-size: 11px;
		line-height: 14px;
	}
	.sampProduct .ean>label {
		font-size: 12px !important;
	}
	.sampProduct .ean>span {
		padding: 0 0 0 6px;
	}
	/* .sampProduct .samplist .pull-right:last-child { */
	.sampProduct .samplist .pull-right {
		float: left !important;
		width: 100%;
	}
	.sampbox {
		width: 100%;
	}
	.costdesc {
		font-size: 14px;
		min-height: 34px;
		padding: 1px;
	}
	.sampProduct .getfree>img {
		max-width: 116px;
	}
	.sampProduct .costhead {
		font-size: 10px;
		line-height: 21px;
		padding: 0 9px;
	}
	.costbonus {
		width:100%;
	}
	.costbonus.full {
		width:100%;
	}
	.costbonus1 {
		width:100%;
	}
	.costbonus1 li {
		border-right: 1px solid rgb(131, 131, 131);
		border-width: 2px;
		display: inline-block;
		vertical-align: top;
		width: auto;
	}
	.costhead1 {
		font-size: 11px;
		/*padding: 0 34px;*/
	}
	.sampProduct.doubleList .purchasequan, .sampProduct.withoutList .purchasequan, .sampProduct.singleList .purchasequan, .sampProduct .purchasequan {
		float: right;
		position: relative;
		right: 2px;
		top: 0;
		width: 150px;
		flex:1;
	}
	.sampbox2 {
		float: right;
		margin-top: 5px;
		right: 0;
		width: 294px;
	}
	.sampProduct .sampbox2 {
		flex-direction:row;
	}
	.righthkd {
		float: left;
		margin-top: 9px;
		width: 131px;
	}
	.samphkd {
		justify-content: flex-start;
	}
	.quantitybox ul li {
		padding: 4px 10px;
	}
	.totalquan {
		margin-right: 7px;
	}
	.totalquan>span {
		font-size: 11px;
		font-weight: 400;
	}
	.totalvalue>span {
		font-size: 11px;
		font-weight: 400;
		margin: 5px 8px 0 0;
	}
	.totalquan p.valuegreen {
		font-size: 16px;
		margin-top: 5px !important;
	}
	.placeholder a {
		font-size: 17px;
		padding: 10px;
	}
	/*-------*/
	.table02 th {
		font-size: 13px;
	}
	.table02 td {
		font-size: 13px;
	}
	.table02 td img {
		margin-right: 5px;
		width: 20px;
	}
	.table02 td span {
		padding-top: 2px;
	}
	.table01 td {
		font-size: 12px;
	}
	.table01 td.black {
		padding: 6px 14px 6px 20px;
	}
	.accountTable td {
		padding: 7px 7px !important;
		font-size: 12px;
	}
	.topText span {
		font-size: 28px;
	}
	.table01 td {
		padding: 2px 14px !important;
	}
	.innerHeader .navbar-collapse {
		float: left;
		width: 100%;
		display: flex;
		min-height: 35px;
		align-items: center;
		text-align: center;
		justify-content: center;
	}
	.innerHeader .navbar-header {
		float: none;
		width: 100%;
		text-align: center;
	}
	.navbar-brand {
		display: inline-block;
		float: none;
		margin-bottom: 0;
	}
	.afterLoginHeader .navbar-collapse {
		float: none;
		width: 100%;
	}
	.afterLoginHeader .navbar-header {
		float: none;
		width: 100%;
		text-align: center;
	}
	.afterLoginHeader .navbar-brand {
		display: inline-block;
		float: none;
		margin-bottom: 0px;
	}
	.afterLoginHeader .Search {
		display: inline-block;
		vertical-align: middle;
		float: none;
	}
	.afterLoginHeader .Search>input {
		width: 100%;
	}
	.usefulStatistic {
		min-height: 218px;
	}
	.statisticInfoText p span {
		font-size: 23px;
	}
	.statisticInfoText p {
		font-size: 17px;
		line-height: 28px;
	}
	.innerBannertext.accounCreate.orderHistory {
		margin-bottom: 40px;
	}
	.historyPage {
		padding-bottom: 38px;
	}
	.footerimg, .footerLinks, p.copyRight {
		text-align: center;
	}
	.rightBlock.last {
		border: 0px solid #d3d3d3 !important;
		padding: 0 0 10px 0;
		margin-bottom: 10px;
	}
	.innerBannertext h1, .innerBannerHeader h1 {
		font-size: 36px !important;
	}
	#sample.dropdownSel.dropdownSel01 {
		background: rgb(255, 255, 255) none repeat scroll 0 0;
		height: 48px;
	}
	.dropdownSel.dropdownSel01 dt a {
		background: rgba(0, 0, 0, 0) url("../images/selarrow.png") no-repeat scroll 96% 19px;
		font-size: 14px;
		font-weight: 400;
		line-height: 31px;
	}
	.submitButton {
		font-size: 16px;
		margin-bottom: 0;
		/* max-width: 275px; */
	}
	.form-control.submitButton.branchBtn {
		margin: 40px 0;
	}
	.productHeadingBar span {
		padding: 0 0 0 12px;
		width: 36px;
	}
	p.resellerinfo {
		font-size: 14px;
	}
	.clientInfoText {
		font-size: 14px;
	}
	.firstOrderinfoRightColumn h2, .infoBlocks h2 {
		font-size: 20px !important;
	}
}
@media screen and ( max-width: 991px) and ( min-width: 768px) {
	.datacard { flex-direction:column; }
	.datacard-avartar { margin-bottom:1em; }
}


/* 991px */

@media screen and ( max-width: 767px) {
	.rightCol.rightWidth {
		width: 100%;
		max-width: none;
	}
	.modal-backdrop {
		z-index: 20!important;
	}
	.shopBlock.cards .box .orderboximg {
		width: 70px;
		margin-right: 10px;
	}
	.heading h6 {
		font-size: 15px;
	}
	.shopBlock.cards .box .orderboximg.orderboximg1 {
		width: auto;
	}
	.orderboximg.marginTop {
		margin-top: 6px;
	}
	.centerbutton.amend {
		margin: 22px 0;
	}
	.prductNumber {
		border: 1px solid #494949;
		color: #ee3124;
		font-size: 11px;
		left: -16px;
		padding: 4px 0;
		text-align: center;
		top: 0;
	}
	.prosidebar {
		left: 0 !important;
		right: 0 !important;
	}
	.leftCol.leftcolumn {
		display: block;
		position: absolute;
		top: 103px;
		transition: all 0.8s ease-out;
		height: 100%;
		width: 310px;
		left: -310px;
		border: none !important;
		z-index: 999;
		position:fixed; top:135px; max-height:555px; overflow-y:scroll; overflow-x:visible; margin-bottom:0; bottom:0;
		/*transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);*/
		-webkit-overflow-scrolling: touch;
	}
	.leftCol.leftcolumn.prosidebar {
		display: block;
		left: 310px;
	}
	.searchicon {
		background: #ff0000;
		position: absolute;
		width: 35px;
		height: 35px;
		left: 0px;
		top: 33px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		z-index: 20;
		cursor: pointer;
	}
	.searchicon i {
		color: #fff;
		font-size: 18px;
		left: 6px;
		position: relative;
		top: 5px;
	}
	.searchicon img {
		top: 11px;
		position: relative;
		left: 11px;
	}
	.filters {
		display: none;
	}
	.breadcrumb>li+li::before {
		background: url(../images/breadarrow.png) no-repeat 8px 2px;
		padding: 0 15px;
		width: 11px;
		height: 16px;
	}
	h2 {
		font-size: 21px;
	}
	.Text-background h2 {
		font-weight: 500 !important;
	}
	p {
		font-size: 14px;
		line-height: normal;
	}
	.navbar-collapse {
		background-color: #494949;
		position: fixed;
		top: 67px;
		transition: all 0.3s ease-out;
		height: 100%;
		width: 310px;
		left: -700px;
		border: none !important;
		z-index: 999;
		padding-top: 1px;
	}
	.homeHeader .navbar-brand img, .innerHeader .navbar-brand img {
		width: 100%;
		max-width: 220px;
		height: auto !important;
	}
	header {
		background-color: #ee3124 !important;
		padding: 21px 0px 16px 0px !important;
		padding: 14px 0px 7px 0px !important;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10000;
	}
	header+*, .glass+*, .breadcrumbOuter+* {
		margin-top: 51px;
	}
	.homeHeader .navbar-default .navbar-nav>li>a, .innerHeader .navbar-default .navbar-nav>li>a {
		padding: 15px 0px 16px 17px;
		font-size: 16px !important;
		color: #a6a6a6;
		font-weight: 500;
		border-bottom: 1px solid #565656;
		margin: 0px 10px 0px 0px;
		font-family: 'Montserrat', sans-serif;
	}
	.homeHeader .navbar-default .navbar-nav>li:focus, .homeHeader .navbar-default .navbar-nav>li:hover, .innerHeader .navbar-default .navbar-nav>li:focus, .innerHeader .navbar-default .navbar-nav>li:hover {
		background: #636363;
		color: #fff;
		border-left: 10px solid #ee3124 !important;
	}
	.homeHeader .navbar-default .navbar-nav>li, .innerHeader .navbar-default .navbar-nav>li {
		padding: 0px;
		margin: 0px;
		border: none !important;
		border-left: 10px solid #494949 !important;
		border-right: none !important;
	}
	.homeHeader .navbar-default .navbar-nav>li.active, .innerHeader .navbar-default .navbar-nav>li.active {
		border-left: 10px solid #ee3124 !important;
		background: #636363;
	}
	.homeHeader .navbar-default .navbar-nav>li.active a, .homeHeader .navbar-default .navbar-nav>li:focus a, .homeHeader .navbar-default .navbar-nav>li:hover a, .innerHeader .navbar-default .navbar-nav>li.active a, .innerHeader .navbar-default .navbar-nav>li:focus a, .innerHeader .navbar-default .navbar-nav>li:hover a {
		margin: 0px;
	}
	.homeContent h1 {
		font-size: 48px;
		text-align: left;
		padding-top: 10px;
		line-height: 48px;
	}
	.homeContent h3 {
		text-align: left;
		font-size: 20px;
		padding-top: 30px;
	}
	.contentArea {
		padding-top: 35px;
	}
	.innerBannertext h1, .innerBannerHeader h1 {
		font-size: 24px !important;
	}
	.innerBannertext.shopingcart h1 {
		font-size: 28px;
		padding: 60px 0px;
	}
	.sentIcon {
		max-width: 135px;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.thankHeading {
		font-size: 50px;
		padding-top: 5px;
		padding-bottom: 22px;
	}
	.brandItems {
		padding: 25px 5px 5px 5px;
		height: auto;
	}
	.clientInfo {
		height: 80px;
	}
	.clientInfoText {
		padding-top: 10px;
		font-size: 14px;
	}
	.brandItems .clientIcons img {
		max-width: 30% !important;
	}
	.headingBar {
		padding-left: 3px;
		padding-bottom: 0px;
	}
	.headingBar h3 {
		font-size: 20px;
	}
	.headingBar span {
		padding-left: 12px;
		padding-top: 0;
		width: 36px;
	}
	.headingBar span img {
		max-width: 100%;
	}
	.hotlineBar, .hotlineIcon, .footerNav, .footerLinks, .copyRight, .footerLogo {
		text-align: center;
	}
	.paymentPartnerLogo li {
		padding-bottom: 10px;
	}
	.hotlineBar h6 {
		font-size: 17px;
	}
	.hotlineIcon img {
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.footerRightColumn p {
		font-size: 11px;
		text-align: center;
	}
	.footerInfo p, .footerLinks li {
		font-size: 11px;
	}
	footer .offer {
		display: inherit;
		width: 260px;
	}
	.footerOfferList .col-md-3, .footerOfferList .col-sm-3 {
		border-left: 0px solid #000;
	}
	.firstCartIcon, .firstOrderInfo, .firstOrderinfoRightColumn {
		text-align: center !important;
	}
	.firstOrderinfoRightColumn {
		padding: 0px 20px;
	}
	.firstOrderinfoRightColumn p {
		padding-top: 10px;
		text-align: left;
	}
	.firstOrderInfo h4 {
		font-size: 54px;
		padding: 10px 0 0 0px;
	}
	.firstOrderInfo h4 span {
		font-size: 31px;
	}
	.firstOrderInfo .plusIcon {
		padding: 0 0 0 8px;
		width: 40px;
	}
	.footerLinks {
		margin-top: 5px;
	}
	.fullwidthLeftCol {
		background: #fff;
		display: block;
		width: 100%;
		float: left;
	}
	.fullwidthRightCol {
		background: url(../images/product-offer-bg.png) no-repeat left top;
		background-size: cover;
		display: block;
		width: 100%;
		float: left;
	}
	.productInfoIcons img {
		margin: 15px 5px 0px 5px;
		width: 54px;
	}
	.fullTwoColumnInfo .mainIcon {
		width: 90px;
		display: inline-block;
	}
	.infoBlocksIcons>img {
		width: 40%;
	}
	.deliveryInfoBlock {
		padding: 15px 0;
	}
	.registrationColumn .col-md-12, .registrationColumn .col-sm-12 {
		float: left;
		width: 100%;
	}
	.registrationColumn h2.mainheading {
		font-size: 24px !important;
	}
	.formHeadings {
		font-size: 20px;
		margin-bottom: 22px;
		margin-top: 16px;
		padding: 13px 25px;
	}
	.erorContent {
		top: 1px;
	}
	.browseImageCol {
		font-size: 18px;
		height: 36px;
	}
	.browseImageCol>img {
		padding: 10px 20px 0px;
	}
	.browseImageCol h6 {
		font-size: 16px;
		padding: 12px 0 0;
	}
	.inputRightAligned {
		width: 100%;
	}
	.Search {
		clear: both;
		padding: 19px 20px 10px;
		width: 100%;
		text-align: left;
	}
	.Search>input {
		background-color: rgb(73, 73, 73);
		background-position: right center;
		border-radius: 0 !important;
		border-right: 1px solid rgb(86, 86, 86);
		color: #fff;
		margin: 0 30px 0 0;
		padding: 0 35px 0 10px;
	}
	.fullwidth-textRightCol {
		width: 100%;
		display: inline-block;
	}
	.fullwidthLeftColimage {
		width: 100%;
		float: left;
	}
	.content-left-image img {
		height: auto!important;
	}
	.content-right-image img {
		height: auto!important;
	}
	.fullTwoColumnInfo .content-right-text {
		padding: 0 28px 50px !important;
		text-align: left;
	}
	.content-left-image img {
		width: 100%;
	}
	.onmobile-hide {
		display: none;
	}
	.mobileview-Ouredge {
		display: block;
	}
	.Shipment-content>h4 {
		display: none;
	}
	.Remove_pading {
		padding: 0px;
	}
	.Our-prices {
		display: block;
	}
	.Our-prices h5 {
		font-size: 24px;
	}
	.Shipment-content h6 {
		padding: 28px 0 12px;
		text-align: center;
	}
	.Shipment-content h5 {
		text-align: left;
		padding: 10px 0 70px;
	}
	.ourProductsIncludes h2.mainHeadingBrands {
		font-size: 24px!important;
		padding: 50px 0px!important;
		margin-bottom: 18px !important;
		font-weight: 500 !important;
	}
	.productHeadingBar span {
		padding: 0 0 0 12px;
		width: 36px;
	}
	.notification {
		display: inline-block;
	}
	.warning-icon {
		display: none;
	}
	.warning-text {
		display: table-cell;
		font-size: 14px;
		line-height: 1.3em;
		vertical-align: middle;
	}
	.warningIcon {
		display: table-cell;
		vertical-align: middle;
		padding: 0 24px 0 0;
		text-align: center;
	}
	.fullTwoColumnInfo {
		margin-top: 0px;
	}
	.Shipment-content>p {
		padding-top: 0px;
		text-align: left;
	}
	.fullTwoColumnInfo .content-right-text {
		padding-bottom: 36px !important;
	}
	.ourClientsIncludes {
		margin: 0px 0px 0px 0px !important;
	}
	.deliveryInfoBlock .infoBlocks {
		padding-bottom: 0px;
	}
	.deliveryInfoBlock p {
		padding-bottom: 30px;
		text-align: left;
	}
	.navbar-toggle {
		float: left;
		margin-top: 2px;
		margin-bottom: 0px;
	}
	.navbar-header {
		text-align: center;
		height: 30px;
	}
	.navbar-brand {
		float: none;
		display: inline-block;
		position: absolute;
		left: calc(50% + 10px);
		top: -5px;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.fullTwoColumnInfo .content h2 {
		font-weight: 500 !important;
	}
	.Our-prices {
		padding: 28px 0px;
		float: left;
		width: 100%;
	}
	.Our-prices div:first-child {
		text-align: center;
	}
	.col-xs-12.Remove_pading .Our-prices {
		padding: 0px;
	}
	.contentArea {
		padding: 20px 0px;
	}
	.fullTwoColumnInfo .content {
		padding: 40px 30px;
	}
	.Background_view {
		padding: 50px 0px;
	}
	.firstCartIcon img {
		max-width: 50%;
	}
	.formHeadings {
		float: left;
		width: 100%;
	}
	.browseImageCol {
		width: 100%;
		left: 0;
	}
	.deliveryInfoBlock .infoBlocks {
		padding: 0px;
	}
	.footerimg {
		text-align: center;
	}
	.inputOuter span img {
		width: 45px;
	}
	.checkBoxOuter span, .forgot ul li a {
		font-size: 14px;
	}
	.leftCol {
		width: 100%;
	}
	.rightCol {
		display: inherit;
		float: left;
		width: 100%;
	}
	.redBarOuter {
		position: inherit;
		margin: 50px 0 0 0;
	}
	.centerImg img {
		width: auto;
	}
	.innerHeader .navbar-collapse {
		padding-left: inherit;
		width: 310px !important;
		top: 51px;
		display: block;
	}
	.navbar-collapse, .logBlk .navbar-collapse {
		padding-left: inherit;
		width: 310px;
		height: auto;
		top: 51px;
		bottom: 0;
		overflow-y: scroll;
	}
	.navbar-nav {
		margin: 7px 0 0 0;
	}
	.logBlk .Search {
		display: none;
	}
	/*.innerHeader.logBlk { padding: 30px 0 4px !important;}*/
	.logBlk .logo {
		margin-bottom: 0;
	}
	.navbar-nav li img.greyThumb {
		display: inline-block;
		vertical-align: middle;
	}
	.navbar-nav li img.whiteThumb {
		display: none;
	}
	/*.logBlk .homeHeader .navbar-default .navbar-nav>li, .innerHeader .navbar-default .navbar-nav>li:hover .whiteThumb {
		display: inline-block;
	}
	.logBlk .homeHeader .navbar-default .navbar-nav>li, .innerHeader .navbar-default .navbar-nav>li:hover .greyThumb {
		display: none;
	}*/
	.navbar-nav li img {
		padding: 10px 0;
		width: 9%;
	}
	.innerHeader .navbar-default .navbar-nav>li:last-child {
		padding-left: 20px;
	}
	.caret {
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateX(-50%);
	}
	.navbar-right .dropdown-menu {
		margin-top: 2px !important;
		background: #000 !important;
		width: 254px !important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #ffffff;
	}
	.innerHeader .navbar-default .navbar-nav>li.lang {
		padding-top: 10px;
	}
	.innerHeader .navbar-default .navbar-nav>li.lang:hover {
		border-color: transparent !important;
		background-color: transparent !important;
	}
	.innerHeader .navbar-default .navbar-nav>li.lang .dropdown-toggle {
		display: none;
	}
	.innerHeader .navbar-default .navbar-nav>li.lang .dropdown-menu {
		display: block;
		background-color: transparent !important;
		box-shadow: none;
		border: 0;
		position: relative;
		top: auto;
		border-top: 1px solid gray;
	}
	.modal-dialog {
		width: 90%;
		margin: 84px 5% 0;
	}
	.formHeadings {
		text-transform: capitalize;
	}
	.form-control.submitButton {
		text-transform: capitalize;
		width: 100%;
		max-width: none;
	}
	.modal-body .form-control {
		height: 80px;
	}
	.modal-header img {
		width: 80px;
	}
	.protext>p {
		font-size: 14px;
		margin: 0 0 12px;
	}
	.invoiceCol h1 {
		font-size: 22px;
		margin: 0 0 6px;
	}
	.mobileproduct .formHeadings {
		margin-bottom: 0!important;
	}
	.proDesc {
		background: rgb(73, 73, 73) none repeat scroll 0 0;
		float: left;
		padding: 24px;
		width: 100%;
	}
	.mobileproductleft {
		float: left;
		width: 30%;
		margin-right: 5%;
	}
	.mobileproductleft h5 {
		color: rgb(255, 255, 255);
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 24px;
		margin-top: 0;
	}
	.mobileproductRight {
		float: left;
		width: 65%;
	}
	.mobHeading {
		color: rgb(255, 255, 255);
		font-size: 15px;
		font-weight: bold;
		margin: 0 0 12px;
	}
	.mobileean {
		margin-bottom: 18px;
	}
	.mobilepurchase.purchasevalue {
		width: 45%;
		width: 50%;
		margin-right: 5%;
		flex-wrap:wrap;
		align-items:baseline;
		align-content:center;
		border:0;
	}
	.mobilepurchase .input-group {
		float: left;
		margin-right: 10px;
		width: 76%;
		width:calc(100% - 45px);
		flex:1;
	}
	.mobilepurchase .input-group.full {
		width: 100%;
	}
	.mobilepurchase.purchasevalue>img {
		float: left;
		padding-top: 5px;
		width: auto;
	}
	.mobilepurchase .title {
		font-size:12px;
		font-weight:bold;
		line-height: 1;
		margin-bottom:0;
		padding:0 8px 4px 0;
		width:100%;
	}
	.mobileunitget {
		float: left;
		width: 50%;
		width: 45%;
	}
	.mobilegetimage {
		float: left;
		width: 56%;
		text-align: center;
	}
	.mobilegetimage>p {
		font-weight: bold;
		padding: 0;
		text-align: center;
		margin-top: 3px;
		line-height:1.3em;
	}
	.mobilegetimage>img {
		width: 75%;
	}
	.mobilegetimage .getfree_wrapper {
		width:75%; width:95%;
		font-size: 1.065vw; /* 8.173px */
	}
	.mobilegetvalue {
		color: rgb(255, 255, 255);
		font-size: 30px;
		font-weight: bold;
		padding-top: 10px;
	}
	.mobilecost {
		float: left;
		width: 100%;
	}
	.mobileunitcost {
		color: rgb(174, 174, 174);
		float: left;
		font-size: 16px;
		font-weight: 400;
		line-height: 33px;
		margin-right: 12px;
		width: auto;
	}
	.mobileunithkd {
		color: rgb(255, 255, 255);
		float: left;
		font-size: 16px;
		font-weight: 600;
		line-height: 33px;
		margin-right: 7px;
		width: auto;
	}
	.mobileunithkdvalue {
		color: rgb(255, 255, 255);
		float: left;
		font-size: 25px;
		font-weight: 600;
		width: auto;
	}
	.mobdiscount {
		background: #595959;
		width: 100%;
		float: left;
		padding: 12px 24px;
	}
	.monnextbox {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	.monnextbox:last-child {
		float: left;
		width: 100%;
		margin-bottom: 0px;
	}
	.mobdis {
		color: rgb(174, 174, 174);
		font-size: 16px;
		font-weight: bold;
	}
	.mobdistotal {
		float: left;
		width: 100%;
	}
	.mobdistotal p {
		float: left;
		width: auto;
		font-size: 16px;
		font-weight: bold;
		color: rgb(174, 174, 174);
		padding: 0;
		margin: 3px 10px 0 0;
	}
	.mobdistotal span {
		float: left;
		width: auto;
		font-size: 21px;
		font-weight: bold;
		color: #fff;
		padding: 0;
		margin: 0 10px 0 0;
	}
	.mobtrade {
		float: left;
		width: auto;
	}
	.mobtrade>label {
		color: rgb(255, 255, 255);
		float: left;
		font-size: 12px!important;
		font-weight: bold!important;
		width: 100%;
	}
	.mobtrade>span {
		color: rgb(255, 255, 255);
		float: left;
		font-size: 20px;
		font-weight: bold;
		margin-right: 12px;
		width: auto;
		;
	}
	.mobtrade>p {
		color: rgb(255, 255, 255);
		float: left;
		font-size: 16px;
		font-weight: bold;
		padding-top: 5px;
		width: auto;
	}
	.mobcasediscount {
		width: 100%;
		float: left;
		background: #333333;
		padding: 24px;
	}
	.mobcharge {
		width: 100%;
		float: left;
		background: #333333;
		padding: 8px 24px;
	}
	.mobcharge + .mobcharge {
		padding-top:0;
		margin-top:-8px;
	}
	.mobcharge + .mobcharge .mobdiscount1 {
		border-top:2px solid #595959 !important;
	}
	.mobdiscount1 {
		float: left;
		width: 100%;
	}
	.mobdiscount1 .mobileunitcost1 {
		color: rgb(255, 255, 255);
		float: left;
		font-size: 16px;
		font-weight: bold;
		line-height: normal;
		width: auto;
	}
	.mobdiscount1 .mobileunitcost {
		color: rgb(174, 174, 174);
		float: left;
		font-size: 16px;
		font-weight: 400;
		line-height: normal;
		margin-right: 12px;
		width: auto;
		padding-top: 2px;
	}
	.mobdiscount1 .mobileunithkdvalue {
		color: rgb(255, 255, 255);
		float: left;
		font-size: 16px;
		font-weight: 600;
		width: auto;
	}
	.mobdiscount1:last-child {
		border-top: 2px solid rgb(89, 89, 89);
		padding: 10px 0;
	}
	.mobcharge .mobdiscount1:last-child {
		border-top:0;
		padding: 10px 0;
	}
	.mobdiscount1:nth-child(2) {
		padding: 4px 0;
	}
	.fullsection {
		width: 100%;
		float: left;
	}
	.totalcalvalue {
		background: rgb(98, 98, 98) none repeat scroll 0 0;
		float: left;
		margin: 0 0 13px;
		padding: 24px;
		width: 100%;
	}
	.totalcal {
		float: left;
		width: 100%;
	}
	.totalcal>span {
		color: rgb(255, 255, 255);
		float: left;
		font-size: 20px;
		font-weight: bold;
		width: auto;
	}
	.totalcal>span.valuehkd {
		color: rgb(255, 255, 255);
		float: left;
		font-size: 12px;
		font-weight: bold;
		margin-left: 18px;
		margin-right: 9px;
		padding-top: 4px;
		width: auto;
	}
	.totalcal>span.valueno {
		color: rgb(255, 255, 255);
		float: left;
		font-size: 27px;
		font-weight: bold;
		width: auto;
	}
	.payinstructimage>img {
		float: left;
		margin: 5px 13px 10px 0;
		width: 35px;
	}
	.payinstructimage h4 {
		float: left;
	}
	.payinstruct.creditcard .payinstructimage>img {
		float: none;
		margin: 5px 0 10px 0;
		width: 70px;
	}
	.payinstruct.creditcard .payinstructimage h4 {
		float: none;
	}
	.payinstruct {
		margin: 0 5%;
		padding: 20px 0;
		width: 90%;
	}
	.payinstructimage {
		margin-right: 0;
		width: 100%;
	}
	.payinstructdesc {
		float: left;
		padding: 30px;
		width: 100%;
	}
	.payinstructdesc>p {
		font-size: 14px;
		font-weight: 400;
	}
	.payinstructdesc>h4 {
		font-size: 16px;
	}
	.redBarOuter {
		float: left;
		margin: 50px 0 0;
		position: inherit;
	}
	.mobileNone {
		display: none;
	}
	.mobileBlock {
		display: block !important;
		position: absolute;
	}
	.leftCol {
		height: inherit !important;
		margin-bottom: 40px;
		min-height: auto !important;
		width: 100%;
		display: none;
	}
	.rightCol {
		border: 0px solid #3d3d3d;
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 397px;
		overflow: hidden;
		width: 100%;
	}
	.sampProduct .costhead {
		font-size: 10px;
		line-height: 21px;
		padding: 0 15px;
	}
	.costhead1 {
		font-size: 11px;
		/*padding: 0 44px;*/
	}
	.samprightsection {
		width: 100%;
	}
	.rightCol.rightpad {
		padding: 20px 0px 0 0;
	}
	.sampProduct .getfree>img {
		max-width: 134px;
	}
	.sampProduct .samphead h5 {
		font-size: 15px;
		line-height: 20px;
	}
	.samphead, .samplist, .orderhistory {
		padding-left: 121px;
	}
	.sampProduct .totalquan>p {
		margin: 8px 0 0;
	}
	.sampbox {
		position: relative;
	}
	.sampleftsection {
		margin-right: 2%;
		width: 106px;
	}
	.totalvalue span.valuehkd {
		font-size: 9px;
		font-weight: 400;
		margin-top: 6px;
	}
	.totalquan>p {
		font-size: 13px;
	}
	.totalvalue>p {
		font-size: 13px;
		line-height: 21px;
		margin-top: 8px;
	}
	.totalquan span.valuehkd {
		font-size: 9px;
		font-weight: 400;
		margin-right: 4px;
	}
	.totalvalue span.valuehkd {
		font-size: 9px;
		font-weight: 400;
		margin-right: 4px;
		margin-top: 6px;
	}
	.totalquan span.valuehkd.valuegreen {
		color: rgb(0, 187, 70);
		margin-left: 5px;
		margin-top: 5px;
	}
	.totalquan p.valuegreen {
		font-size: 14px;
		margin-top: 6px !important;
	}
	.sampProduct .ean>label {
		font-size: 10px !important;
	}
	.sampProduct .lastorder>label {
		font-size: 10px !important;
	}
	.sampProduct .lasthkd p {
		font-size: 19px;
	}
	.sampProduct .lasthkd h6 {
		font-size: 10px;
	}
	.lastorderdate {
		float: left;
		width: 34px;
	}
	.pmGpage.sections.text-center.coursePaging {
		margin-bottom: 0;
	}
	.redBarOuter {
		margin: 32px 0 0;
	}
	.sampProduct .quantitybox.multiList li:last-child::before {
		width: 94%;
	}
	.sampleftsection {
		margin-top: 28px;
		margin-top: 0;
	}
	/*-------*/
	.modal-body .form-control {
		height: 80px;
	}
	.modal-header img {
		width: 80px;
	}
	.modal-header .icon { margin:-80px 0 0; width:80px; height:80px; color:white; border-width:6px; }
	.modal-header .icon .fa { font-size:36px; line-height:68px; }
	.col01 {
		margin-bottom: 30px;
		min-height: 298px;
	}
	.table02 td:last-child, .table02 th:last-child {
		border-bottom: 1px solid #fff;
	}
	.noBorder {
		border: none !important;
	}
	.table-responsive {
		border: 0px solid #dddddd;
	}
	.mobileTable {
		display: block;
	}
	.fullTable {
		display: none;
	}
	.table01 tr {
		border-bottom: 0 solid #fff;
	}
	.table01 tr td {
		border-right: 1px solid #505050;
		text-align: center;
	}
	.table01 tr td:last-child {
		border: 0 none;
	}
	.col01 .detail p span {
		padding: 0;
	}
	.acoountRed .redbar {
		display: block;
	}
	.acoountRed .icon {
		margin: 0 0 15px;
		text-align: center;
		width: 100%;
	}
	.acoountRed .warning-text br {
		display: none;
	}
	.acoountRed .redbar p {
		font-size: 14px;
		padding: 0 25px;
	}
	.stockOuter .erorContent {
		text-align: center;
		width: 100%;
	}
	.stockOuter .erorContent p {
		display: inline-block;
	}
	.blk01 {
		float: left;
		width: 100%;
	}
	.stockOuter.stockOuter01 .blk01 {
		width: 100%;
	}
	.removeBlk {
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	.removeBlk > a {
		width:auto;
	}
	.removeBlk > a + a {
		margin-left:10px;
	}
	.removeBlk > a.confirm {
		margin-right:0;
	}
	.stockOuter.stockOuter01 .removeBlk {
		width:100%;
	}
	.stockOuter.stockOuter01 .removeBlk p {
		float: left;
		margin-left: 18px;
		margin-top: -46px;
	}
	.stockOuter.stockOuter01 .thumb { width:20%; }
	.outer01 { 
		flex-wrap:wrap;
	}
	.removeBlk p {
		float: left;
	}
	.historyPage .formHeadings {
		margin: 50px 0 47px;
	}
	.historyPage .detail {
		margin-top: 22px;
		min-height: 85px;
	}
	.formHeadings.customHeading {
		margin: 28px 0 37px;
	}
	.graphThumb {
		margin-bottom: 32px;
	}
	.historyPage {
		padding-bottom: 59px;
	}
	.table01 td.green {
		padding: 0 13px 16px;
	}
	.table01 td {
		padding: 15px 20px 0;
	}
	.table02 td {
		padding: 13px 29px !important;
	}
	.customFull td.red {
		background: #ee3124;
		padding: 10px 0 10px 18px !important;
		width: 150px;
		color: #ffffff;
	}
	.customFull td {
		border-bottom: 1px solid #ffffff;
		padding: 10px 19px !important;
		font-size: 15px;
		color: #ffffff;
	}
	.customFull td img {
		float: left;
		margin-top: 0px;
	}
	.table02 td {
		padding: 8px 0 !important;
		font-size: 11px;
	}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		vertical-align: middle !important;
	}
	.topText span {
		font-size: 25px;
	}
	.topText {
		margin-bottom: 12px;
	}
	.innerBannertext.accounCreate h1 {
		padding: 60px 0;
	}
	.logBlk .homeHeader .navbar-default .navbar-nav>li, .innerHeader .navbar-default .navbar-nav>li {
		border-bottom: 1px solid rgb(86, 86, 86);
		padding-left: 20px;
	}
	.logBlk .homeHeader .navbar-default .navbar-nav>li, .innerHeader .navbar-default .navbar-nav>li {
		float: left;
		width: 100%;
	}
	.logBlk .homeHeader .navbar-default .navbar-nav>li>a, .innerHeader .navbar-default .navbar-nav>li>a {
		border: medium none;
		margin: 0;
		padding: 17px 0 16px 17px!important;
		width: 91%;
	}
	.authhead {
		font-size: 14px;
		margin: 4px 16px 0 19px;
	}
	.authimage {
		float: left;
		width: 42%;
	}
	.authimage>img {
		max-width: 125px;
	}
	.statusdelhead {
		color: rgb(255, 255, 255);
		float: left;
		font-size: 15px;
		font-weight: 600;
		width: auto;
		padding-top: 0px;
	}
	#shopingCart .formHeadings span {
		font-size: 12px;
	}
	.stockOuter .detail {
		float: left;
		margin-left: 19px;
		width: 65%;
	}
	.stockOuter .detail p {
		font-size: 13px;
	}
	/* .stockOuter.stockOuter01 .detail {
		flex:unset;
	} */
	.removeBlk p {
		font-size: 16px;
	}
	.stockOuter .removeBlk>p {
		margin-left: 18px;
	}
	.breadcrumb li {
		font-size: 14px;
	}
	.redBlk span {
		font-size: 12px;
	}
	.shopBlock ul.tabs {
		display: none;
	}
	.orderdate {
		margin-bottom: 12px;
		width: 100%;
	}
	.authorized {
		padding: 0;
		width: 100%;
		margin-bottom: 12px;
	}
	.shippingstatus {
		width: 100%;
		padding: 0
	}
	.shopBlock .tab_content {
		display: none;
		float: left;
		padding: 20px 60px 0 100px;
	}
	.orderdate::before {
		height: 235px;
		left: -61px;
		width: 10px;
	}
	.orderdate::after {
		left: -72px;
		top: -5px;
	}
	.paymentinstruct {
		margin: 0;
	}
	.numeric.mobhidden {
		display: none;
	}
	.mobvisible {
		display: table-cell;
	}
	.numeric1 {
		display: block;
	}
	.numeric1 img {
		display: none;
	}
	.table02 td a {
		display: table-cell;
		float: left;
		text-align: center;
		width: 100%;
		border-bottom: 1px solid rgb(136, 136, 136);
	}
	.table02 td {
		font-size: 12px;
		padding: 0px!important;
	}
	/*-------*/
	.accttable #no-more-tables table, .accttable #no-more-tables thead, .accttable #no-more-tables tbody, .accttable #no-more-tables th, .accttable #no-more-tables td, .accttable #no-more-tables tr {
		display: block;
	}
	.accttable #no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.accttable #no-more-tables tr {
		border: 1px solid #ccc;
	}
	.accttable #no-more-tables td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 36%!important;
		white-space: normal;
		text-align: left;
		padding-top: 15px!important;
		padding-bottom: 15px!important;
		font-size: 13px;
	}
	.accttable #no-more-tables td:before {
		position: absolute;
		top: 12px;
		left: 6px;
		width: 32%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
		font-size: 14px;
		z-index: 1;
	}
	.accttable #no-more-tables td::after {
		background: rgb(255, 0, 0) none repeat scroll 0 0;
		content: "";
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 32%;
	}
	.accttable #no-more-tables tr {
		margin-bottom: 10px;
	}
	.accttable #no-more-tables td:before {
		content: attr(data-title);
	}
	.edit {
		display: inline-block;
		width: auto;
	}
	.edit img {
		margin-top: -1px;
	}
	.disable {
		display: inline-block;
		margin: 0 15px;
		width: auto;
	}
	.delete {
		display: inline-block;
		width: auto;
	}
	.formHeadings span img {
		width: 45px;
	}
	.formHeadings span {
		padding-right: 12px;
	}
	.formHeadings {
		padding: 13px 16px;
	}
	.leftCol {
		display: none;
	}
	.breadcrumbOuter {
		display: none;
	}
	.leftCol.leftcolumn.prosidebar #myModal .modal-content {
		margin-top: 40px !important;
	}
	.searchicon {
		position: fixed;
		top: 100px;
		z-index: 999;
	}
	.innerHeader, .innerHeader.logBlk {
		position: fixed;
		z-index: 9999;
	}
	.sampProduct .ean>span {
		color: #fff !important;
	}
	.sampProduct .lasthkd p {
		font-size: 16px;
	}
	.contentArea label {
		font-size: 14px !important;
	}
	.topText span {
		font-size: 18px;
	}
	.topText p, .socialBlk p {
		font-size: 16px;
	}
	.selOuter.selOuter01 label {
		font-size: 17px !important;
	}
	.proTables .table tbody tr:nth-child(2) td {
		padding: 2px 0;
	}
	.centerbutton.amend .redButon {
		font-size: 18px;
		padding: 18px 45px;
	}
	.orderdate h5 {
		display: inline-block;
		font-size: 14px;
		margin-right: 10px;
		margin-top: 4px;
		width: auto;
	}
	.datacards { flex-wrap:wrap; }
	.datacard { width:100%; margin-bottom:1em; }
}

@media screen and ( max-width: 767px) {
	.footerInfo .footerimg {
		position: relative;
		text-align: center;
	}
	.footerInfo .footerimg .fblike {
		position: relative;
		top: auto;
		margin-bottom: 18px;
	}
	.footerInfo .footerimg .logo {
		position: relative;
		top: auto;
		text-align: center;
		display: inline-block;
		margin-bottom: 18px;
	}
	.accountPage {
		padding-top: 18px;
	}
	html.overlay {
		overflow: hidden;
	}
	.glass {
		display: none;
		position: fixed;
		background-color: rgba(0, 0, 0, 0.8);
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1000;
		cursor: pointer;
		margin-top: 0 !important;
	}
	html.overlay .glass {
		display: block;
	}
}

/* 767px */

@media screen and ( max-width: 640px) {
	.disable {
		margin: 0 43px;
	}
	.topText span {
		font-size: 22px;
	}
	.customFull td {
		font-size: 12px;
	}
	.acctmob ul li .leftacct {
		font-size: 14px;
		width: 33%;
	}
	.acctmob ul li .righttacct {
		font-size: 12px;
		width: 66%;
		padding: 14px 20px;
	}
	.editmob {
		float: left;
		width: 30%;
	}
	.righttacct>br {
		display: none;
	}
	.acctmob ul li:nth-child(5) .leftacct {
		min-height: 76px;
	}
	.acctmob ul li:nth-child(6) .leftacct {
		min-height: auto;
	}
	.stockOuter .detail {
		float: left;
		margin-left: 19px;
		width: 65%;
	}
	.stockOuter .detail p {
		font-size: 13px;
	}
	.removeBlk p {
		font-size: 16px;
	}
	.stockOuter .removeBlk>p {
		margin-left: 18px;
	}
	.breadcrumb li {
		font-size: 14px;
	}
	.redBlk span {
		font-size: 12px;
	}
	.orderdate::before {
		height: 235px;
		left: -44px;
		width: 10px;
	}
	.orderdate::after {
		left: -54px;
		top: -5px;
	}
	.shopBlock .tab_content {
		display: none;
		float: left;
		padding: 20px 60px 0 61px;
	}
	.orderdate h5 {
		font-size: 14px;
	}
	.authorizedheading {
		font-size: 14px;
		width: auto;
	}
	.shippingtitle {
		font-size: 14px;
	}
	.edit {
		display: inline-block;
		width: auto;
	}
	.edit img {
		margin-top: -1px;
	}
	.disable {
		display: inline-block;
		margin: 0 15px;
		width: auto;
	}
	.delete {
		display: inline-block;
		width: auto;
	}
	/*---21june-----*/
	.sampProduct .samphead h5 br {
		display: none;
	}
	.sampProduct .lastorder>label {
		font-size: 10px;
		text-transform: capitalize;
	}
	.sampProduct .ean>label {
		font-size: 10px;
		text-transform: capitalize;
	}
	.samplist {
		margin-bottom: 0px;
	}
	.costbonus li:first-child {
		float: left;
		width: 55%;
	}
	.costbonus li:last-child {
		float: left;
		width: 45%;
	}
	.sampProduct .costhead {
		min-height: 0px;
		font-weight: 400;
	}
	.getfree {
		float: left;
		height: 54px;
		margin-right: 1%;
		margin-top: 6px;
		width: 29%;
	}
	.sampProduct .getfree>img {
		height: 100%;
		width: 100%;
	}
	.unisection {
		display:flex;
		flex-wrap: nowrap;
	}
	.costbonus {
		float: left;
		margin-top: 6px;
		width: 70%;
	}
	.costbonus.full {
		width:100%;
	}
	.getfree_wrapper {
		margin-top:6px;
	}
	.mobilegetimage .getfree_wrapper {
		width:85%; width:100%;
		font-size:1.204vw; /*7.705px*/
		font-size:1.1vw; /*7.04px*/
	}
	.sampProduct .costhead {
		font-size: 8px;
		line-height: 20px;
		padding: 0px;
		text-align: center;
	}
	.lastorderdate {
		float: left;
		width: 46px;
	}
	.lastorderdate>label {
		font-size: 10px;
	}
	.lastorderdate>span {
		font-size: 8px;
	}
	.lastorderdate>p {
		font-size: 10px;
	}
	.lastorderdate>p {
		font-size: 12px!important;
		font-weight: normal;
	}
	.costbonus1 {
		float: left;
		width: 100%;
	}
	.costbonus1 li {
		width: 50%;
		float: left;
	}
	.costhead1 {
		font-size: 9px;
		padding: 0;
		text-align: center;
	}
	.purchasequan>span {
		display: none;
	}
	.purchasevalue {
		float: left;
		width: 100%;
	}
	.sampProduct .quanorder {
		width: 100%;
	}
	.sampleftsection {
		margin-top: 0;
	}
	.lastorderdate>label {
		font-size: 10px;
		line-height: 12px;
	}
	.lastorderdate>span {
		font-size: 8px;
		line-height: 12px;
	}
	.lasthkd {
		padding: 0;
	}
	.sampProduct .lasthkd h6 {
		font-size: 14px;
	}
	.sampProduct .lasthkd p {
		font-size: 19px;
	}
}

@media screen and ( max-width: 430px) {
	.getfree_wrapper {
		width:25%;
		font-size:1.9vw;
	}
}

@media screen and ( max-width: 430px) {
	.rightCol.rightpad {
		border: 0 none;
		padding: 20px 0 0 0;
	}
	.rightCol {
		max-width: 380px;
		width: 100%;
	}
	.productsIcons>img {
		width: 100%;
	}
}

@media screen and ( max-width: 410px) {
	.samphead, .samplist, .orderhistory {
		padding-left: 86px;
	}
	.sampleftsection {
		width: 73px;
	}
	.sampProduct .getfree>img {
		max-width: 106px;
	}
	.unisection {
		flex-wrap: wrap;
	}
	.getfree_wrapper {
		margin:0;
	}
	.costbonus {
		width:100%;
	}
	.costdesc {
		font-size: 13px;
		min-height: 23px;
		padding: 1px;
	}
	.quantitybox {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.sampProduct .costhead {
		font-size: 10px;
		line-height: 20px;
		padding: 0 9px;
	}
	.costhead1 {
		font-size: 11px;
		/*padding: 0 31px;*/
	}
	.costdesc1 {
		font-size: 17px;
		line-height: 18px;
		min-height: 19px;
	}
	.rightCol {
		max-width: 390px;
		overflow: hidden;
		width: 100%;
	}
	.lastorder>label {
		padding: 0 8px 0 0;
	}
	.sampProduct .lastorderdate {
		margin-left: 6px;
	}
	.sampProduct .lastorderdate::before {
		left: -7px;
		width: 1px;
	}
	/*  */
	.sampleftsection {
		width: 90x;
		margin-top: 0px;
	}
	.samphead, .samplist, .orderhistory {
		padding-left: 82px;
	}
	.lastorder {
		width: auto;
	}
	.sampProduct .lasthkd p {
		font-size: 12px;
	}
	.lastorder>label {
		padding: 0 6px 0 0;
	}
	/*.sampProduct .getfree > img {  max-width: 70px;
	}
	.lastorderdate > p { font-size: 14px;
	}
	.sampProduct .getfree > img {  max-width: 52px;
	}*/
	.sampProduct .samphead h5 {
		font-size: 11px;
		line-height: normal;
	}
}

@media screen and ( max-width: 359px) {
	.lastorder {
		float: left;
		width: 100%;
	}
	.costbonus {
		float: left;
		margin-top: 9px;
		width: 100%;
	}
	.getfree {
		float: none;
		margin-right: 0;
		margin-top: 7px;
		width: auto;
	}
	.costbonus li {
		float: left;
		width: 49.3%;
	}
	.costbonus1 li:last-child {
		margin-left: 0;
	}
	.costbonus1 li {
		/*border-right: 0 none;*/
		margin-bottom: 5px;
		width: 100%;
	}
	.sampProduct .lastorderdate::before {
		background-color: transparent;
		left: 0px;
		width: 0px;
	}
	.sampProduct .lastorderdate {
		margin-left: 0;
		margin-top: 7px;
	}
}

@media screen and ( max-width: 599px) {
	.checkBoxOuter {
		width: 100%;
	}
	.forgot {
		float: left;
		width: 100%;
	}
	.modal-body {
		padding: 0 15px 15px;
	}
	.invoiceCol h1 {
		font-size: 22px;
		margin: 0 0 6px;
	}
	.billdesc h6 {
		font-size: 16px;
		min-height: auto;
	}
	.billdesc p {
		min-height: auto;
		font-size: 13px;
	}
	p {
		line-height: 1.6em;
	}
	.box .boximg {
		width: 110px;
	}
	.box .boxinfo {
		font-size: 14px;
		margin-top: 11px;
		float: left;
	}
	.modal-body {
		padding: 0 15px 15px;
	}
	.widthFull {
		float: left;
		width: 100%;
	}
	.disable {
		margin: 0 28px;
	}
	.table01 td {
		line-height: normal;
	}
	.table01 td.green {
		font-size: 9px;
	}
	.table01 td.redClr {
		font-size: 9px;
	}
	.table01 td.black {
		line-height: 24px;
	}
	.table01 td {
		padding: 6px 0 0 !important;
	}
	.table01 td.green {
		padding: 0 0 8px !important;
	}
	.disable span, .edit span, .delete span {
		display: table-cell;
		vertical-align: middle;
	}
	.disable {
		margin: 0 19px;
	}
	.customFull td.red {
		width: 92px;
	}
	.getfree {
		height: 47px;
	}
	.lastorderdate>label {
		font-size: 10px;
		line-height: 12px;
	}
	.lastorderdate>span {
		font-size: 8px;
		line-height: 12px;
	}
	.lasthkd {
		padding: 0;
	}
	.sampProduct .lasthkd h6 {
		font-size: 14px;
	}
	.sampProduct .lasthkd p {
		font-size: 19px;
	}
}

@media screen and ( max-width: 480px) {
	.registrationColumn .col-xs-10 {
		width: 100% !important;
	}
	.registrationColumn .col-xs-offset-1 {
		margin-left: 0;
	}
	.products {
		padding: 20px;
	}
	/*.logBlk.innerHeader .navbar-brand img {
		max-width: 190px;
	}*/
	.centerbutton input.redButon {
		font-size: 16px;
		padding: 10px 20px;
	}
	.mobileproductleft h5 {
		font-size: 16px;
	}
	.mobHeading {
		font-size: 14px;
	}
	.ean>span {
		font-size: 12px;
	}
	.mobilepurchase.purchasevalue {
		margin-bottom: 10px;
		margin-right: 0;
		width: 100%;
	}
	.mobileunitget {
		float: left;
		width: 100%;
	}
	.mobilegetimage .getfree_wrapper {
		font-size: 2.146vw; /* 10.3px */
	}
	.mobileunithkd {
		font-size: 14px;
	}
	.mobileunithkdvalue {
		font-size: 20px;
	}
	.mobdis {
		font-size: 14px;
		font-weight: 400;
	}
	.mobdistotal p {
		font-size: 14px;
		font-weight: 400;
	}
	.mobdistotal span {
		font-size: 16px;
	}
	.mobtrade>span {
		font-size: 20px;
	}
	.mobtrade>p {
		font-size: 14px;
	}
	.mobdiscount1 .mobileunitcost1 {
		font-size: 14px;
	}
	.mobdiscount1 .mobileunitcost {
		font-size: 13px;
		line-height: normal;
		padding-top: 0;
	}
	.mobdiscount1 .mobileunithkdvalue {
		font-size: 13px;
	}
	.shopbtm>p {
		margin-bottom: 0;
	}
	.shopBlock.cards .box .orderboxinfo {
		font-size: 16px;
	}
	.heading h6 {
		color: rgb(196, 196, 196);
		font-size: 17px;
		font-weight: 400;
		margin: 0 0 10px;
	}
	.payinstructdesc>ul li {
		font-size: 14px;
		margin-bottom: 16px;
	}
	.payinstructdesc {
		padding: 15px;
	}
	.payinstructdesc>ul li b {
		font-size: 16px;
		font-weight: 600;
	}
	.payinstructimage h4 {
		font-size: 20px;
	}
	.payinstructdesc input {
		font-size: 14px;
		padding: 20px 26px;
	}
	/*-----*/
	.historyPage .detail {
		margin-top: 13px;
		min-height: 74px;
	}
	.threeOuter {
		padding: 0 4px;
	}
	.acctmob ul li .leftacct {
		font-size: 14px;
		width: 45%;
	}
	.acctmob ul li .righttacct {
		font-size: 12px;
		width: 55%;
		padding: 14px 20px;
	}
	.editmob {
		float: left;
		width: 100%;
	}
	.righttacct>br {
		display: none;
	}
	.acctmob ul li:nth-child(5) .leftacct {
		min-height: 148px;
	}
	.acctmob ul li:nth-child(6) .leftacct {
		min-height: 110px;
	}
	.orderstatus ul li {
		padding-left: 35px;
	}
	.authimage {
		float: left;
		width: 37%;
	}
	.authimage>img {
		max-width: 89px;
	}
	.stockOuter .thumb {
		float: left;
		width: 25%;
	}
	.stockOuter .detail {
		float: left;
		margin-left: 8px;
		width: 65%;
	}
	.stockOuter .detail p {
		font-size: 13px;
	}
	.removeBlk p {
		font-size: 16px;
	}
	.stockOuter .removeBlk>p {
		margin-left: 18px;
	}
	.breadcrumb li {
		font-size: 14px;
	}
	.redBlk span {
		font-size: 12px;
	}
	.blk01>span {
		float: left;
		font-size: 10px;
		line-height: 26px;
	}
	.blk01 label {
		font-size: 10px!important;
	}
	#sample.dropdownSelnew {
		margin-bottom: 20px;
	}
	.orderdate::before {
		height: 237px;
		left: -44px;
		width: 10px;
	}
	.shopBlock .tabs {
		display: none;
	}
	.shopBlock .tab_drawer_heading {
		background-color: transparent;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		display: none;
	}
	.shopBlock .d_active {
		background-color: rgba(0, 0, 0, 0);
		color: rgb(255, 255, 255);
		display: none;
	}
	#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
		display: block;
	}
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#no-more-tables tr {
		border: 1px solid rgb(204, 204, 204);
		margin-bottom: 10px;
	}
	#no-more-tables td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%!important;
		white-space: normal;
		text-align: left;
	}
	#no-more-tables td:before {
		position: absolute;
		top: 0px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
		z-index: 1;
	}
	#no-more-tables td:before {
		content: attr(data-title);
	}
	#no-more-tables td::after {
		background: rgb(255, 0, 0) none repeat scroll 0 0;
		content: "";
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 38%;
	}
	.numeric.mobhidden {
		display: none;
	}
	.numeric1 {
		display: inline-block!important;
		width: 100%!important;
	}
	.table02 td a {
		text-align: left;
	}
	.table02 td span {
		padding-left: 0;
	}
	.edit {
		display: inline-block;
		width: auto;
	}
	.edit img {
		margin-top: -1px;
	}
	.disable {
		display: inline-block;
		margin: 0 15px;
		width: auto;
	}
	.delete {
		display: inline-block;
		width: auto;
	}
	#shopingCart {
		padding: 50px 0;
	}
	.topText span {
		font-size: 18px;
	}
	.formHeadings {
		font-size: 16px;
	}
	.option-chkbox .chkbox { flex-basis:100%; }
	.option-chkbox .chkbox-label { font-size:1rem !important; }

	.totalcalvalue {
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 12px;
		position: fixed;
		width: 100%;
		z-index: 9999;
	}
	/*---22june--*/
	.shopBlock.cards .box .boximg {
		width: 42px;
	}
	.box .boximg {
		margin-right: 10px;
	}
	.box .boxinfo {
		display: block;
		width: 79%;
	}
	.box .boxinfo h4 {
		font-size: 16px;
	}
	.box .boxinfo span {
		font-size: 9px;
	}
	.boxOuter a {
		padding: 15px 10px;
	}
	.box .boxinfo span {
		font-size: 12px;
		line-height: normal;
		margin-top: 2px;
	}
	.payment .box .boximg {
		margin-right: 15px;
		width: 90px;
	}
	.payment .box .boxinfo {
		display: block;
		margin-top: 0;
		width: 68%;
	}
	.purchasevalue .form-control {
		padding: 0px;
	}
	.purchasevalue .btn-default {
		padding: 6px 8px;
	}
	.mobilepurchase .input-group {
		margin-right: 7px;
	}
	.mobilepurchase.purchasevalue>img {
		float: left;
		padding-top: 13px;
		width: 14%;
	}
	.mobilegetimage>p {
		font-size: 6px; font-size: 12px;
	}
	.mobilegetvalue {
		padding-top: 4px;
		line-height:1.6em;
	}
	.mobileunithkdvalue {
		font-size: 26px;
	}
	.ean>span {
		font-size: 11px;
	}
	.mobHeading {
		font-size: 12px;
		line-height: normal;
	}
	.proDesc {
		padding: 13px 8px;
	}
	.mobtrade:first-child {
		float: left;
		margin-right: 5%;
		width: 35%;
	}
	.mobtrade:last-child {
		float: left;
		width: 60%;
	}
	.monnextbox .mobtrade>label {
		font-size: 10px!important;
		margin-right: 8px;
		width: 100%;
	}
	.mobtrade>span {
		font-size: 29px;
	}
	.mobdiscount1 .mobileunitcost1 {
		font-size: 11px;
	}
	.protext {
		float: left;
		margin-top: 10px;
		width: 100%;
	}
	.payinstructimage>img {
		float: none;
		margin: 0 auto;
		width: auto;
	}
	.payinstructimage h4 {
		font-size: 20px;
		width: 100%;
	}
	.centerbutton.amend {
		margin: 22px 0;
	}
	.monnextbox {
		margin-bottom: 5px;
	}
}

@media screen and ( max-width: 399px) {
	.col-xs-6 {
		width: 100%;
	}
	.brandItems {
		padding: 25px 5px 20px 5px;
		height: auto;
	}
	.clientInfo {
		height: auto;
	}
	.products {
		max-width: 100%;
		width: 100%;
	}
	.registrationColumn h2.mainheading {
		font-size: 25px !important;
		padding: 56px 0;
	}
	h2 {
		font-size: 21px !important;
		padding: 8px 0 0;
	}
	.formHeadings img {
		width: 11%;
	}
	.formHeadings span {
		padding-right: 10px;
	}
	#shopingCart .formHeadings span {
		font-size: 10px;
	}
	.formHeadings {
		font-size: 13px;
		margin-bottom: 19px;
		margin-top: 9px;
	}
	.erorContent {
		top: 1px;
	}
	.inputRightAligned {
		width: 100%;
	}
	.browseImageCol {
		font-size: 18px;
		height: 36px;
	}
	.browseImageCol>img {
		padding: 10px 20px 0;
	}
	.browseImageCol h6 {
		padding: 10px 0 0;
		font-size: 19px;
	}
	.infoBlocksIcons>img {
		width: 50%;
	}
	.deliveryInfoBlock {
		padding: 31px 0;
	}
	.dropdown dt a span {
		font-size: 13px;
	}
	#sample {
		float: right;
		margin: 3px 4px 0;
	}
	.uploadedImg {
		padding: 132px 0;
	}
	.browseImage {
		padding: 109px 0px;
	}
	.submitButton {
		font-size: 14px;
	}
	.contentArea {
		padding-top: 23px;
	}
	.ourProductsIncludes h2.mainHeadingBrands {
		font-size: 25px!important;
		padding: 50px 0px!important;
	}
	.warningIcon {
		display: table-cell;
		padding: 20px 27px 0 0;
		vertical-align: middle;
	}
	.productHeadingBar span {
		padding: 4px 0 0 12px;
	}
	.productHeadingBar h2 {
		font-size: 24px !important;
	}
	.contentArea p {
		text-align: center;
	}
	.disable {
		margin: 10px 0px;
	}
	.datacard { flex-direction:column; padding:1em; }
	p.datacard-title { text-align:left; }
	.datacard-avartar { margin-bottom:1em; width:100px; max-width:none; }
}

@media screen and ( max-width: 360px) {
	.erorContent {
		position: inherit;
		right: 0;
	}
	input.errorMessage {
		border-radius: 0 0 8px 8px !important;
	}
	.formHeadings span img {
		width: 35px;
	}
	.formHeadings {
		font-size: 15px;
	}
	.formHeadings {
		padding: 13px 8px;
	}
	.mobileunithkdvalue {
		font-size: 16px;
		margin-top: 3px;
	}
	.mobileproductleft {
		width: 20%;
	}
	.mobileproductRight {
		width: 74%;
	}
	.mobileunitcost {
		font-size: 14px;
	}
	.mobileunithkd {
		font-size: 12px;
		margin-right: 5px;
	}
	.monnextbox .mobtrade>label {
		font-size: 12px;
		margin-right: 8px;
		width: auto;
	}
	.mobdiscount {
		padding: 12px 10px;
	}
	.mobcasediscount {
		padding: 24px 12px;
	}
	.Paginaton .pagination>li>a, .Paginaton .pagination>li>span {
		padding: 7px 8px;
	}
	/*---21june-----*/
	.sampProduct .samphead h5 br {
		display: none;
	}
	.sampProduct .lastorder>label {
		font-size: 10px;
		text-transform: capitalize;
	}
	.sampProduct .ean>label {
		font-size: 10px;
		text-transform: capitalize;
	}
	.samplist {
		margin-bottom: 0px;
	}
	.costbonus li:first-child {
		float: left;
		width: 55%;
	}
	.costbonus li:last-child {
		float: left;
		width: 45%;
	}
	.sampProduct .costhead {
		min-height: 0px;
		font-weight: 400;
	}
	.getfree {
		float: left;
		height: 47px;
		margin-right: 1%;
		margin-top: 6px;
		width: 29%;
	}
	.sampProduct .getfree>img {
		height: 100%;
		width: 100%;
	}
	.costbonus {
		float: left;
		margin-top: 6px;
		margin-top:0;
		width: 70%; width: 100%;
	}
	.sampProduct .costhead {
		font-size: 8px;
		line-height: 20px;
		padding: 0px;
		text-align: center;
	}
	.lastorderdate {
		float: left;
		width: 46px;
	}
	.lastorderdate>label {
		font-size: 9px;
		line-height: 12px;
	}
	.lastorderdate>span {
		font-size: 8px;
		line-height: 12px;
	}
	.lastorderdate>p {
		font-size: 10px;
	}
	.sampProduct .lasthkd h6 {
		font-size: 14px;
	}
	.sampProduct .lasthkd p {
		font-size: 19px;
	}
	.lastorderdate>p {
		font-size: 12px!important;
		font-weight: normal;
	}
	.costbonus1 {
		float: left;
		width: 100%;
	}
	.costbonus1 li {
		width: 49.2%;
	}
	.costhead1 {
		font-size: 9px;
		padding: 0;
		text-align: center;
	}
	.sampbox2 {
		float: right;
		width: 100%;
	}
	.sampProduct .sampbox2 {
		display:block;
	}
	.righthkd {
		text-align: right;
		width: 173px;
	}
	.samphkd {
		float: left;
		width: 100%;
		justify-content: flex-end;
	}
	.samprsp {
		float: right;
	}
	.sampProduct.doubleList .purchasequan, .sampProduct.withoutList .purchasequan, .sampProduct.singleList .purchasequan, .sampProduct .purchasequan {
		float: right;
		width: 31%;
	}
	.purchasequan>span {
		display: none;
	}
	.purchasevalue {
		float: left;
		width: 100%;
	}
	.sampProduct .quanorder {
		width: 100%;
	}
	.totalquan>span {
		font-size: 9px;
		font-weight: 400;
	}
	.quantitybox ul li {
		padding: 4px 8px;
	}
	.totalquan {
		margin-right: 5px;
	}
	.totalquan>span {
		font-size: 8px;
		font-weight: 400;
	}
	.sampProduct .totalquan>p {
		font-size: 8px;
		margin: 11px 0 0;
	}
	.totalvalue>span {
		font-size: 8px;
		font-weight: 400;
		margin: 5px 3px 0 0;
	}
	.totalvalue span.valuehkd {
		font-size: 8px;
		font-weight: 400;
		margin-right: 4px;
		margin-top: 6px;
	}
	.totalvalue>p {
		font-size: 8px;
		line-height: 19px;
		margin-top: 8px;
	}
	.totalquan span.valuehkd.valuegreen {
		color: rgb(0, 187, 70);
		margin-left: 5px;
		margin-top: 5px;
	}
	.sampProduct .totalquan p.valuegreen {
		font-size: 10px;
		margin-top: 9px;
	}
	.sampProduct .totalquan p.valuegreen {
		font-size: 10px;
		margin-top: 10px!important;
	}
}

@media screen and ( max-width: 360px) {
	.lastorderdate {
		float: left;
		width: 44px;
	}
	.costdesc span {
		font-size: 8px;
	}
	.lastorderdate>label {
		font-size: 7px!important;
		line-height: 8px;
	}
	.lastorderdate>span {
		font-size: 7px!important;
		line-height: 10px;
	}
	.sampProduct .lastorderdate {
		padding: 2px 0 0;
	}
	.lastorderdate>p {
		font-size: 10px!important;
		font-weight: normal;
		line-height: 13px;
	}
	.lasthkd {
		margin: 0px 0 0 5px!important;
		padding: 0;
	}
	.sampProduct .lasthkd h6 {
		font-size: 10px!important;
		margin-top: 2px;
	}
	.sampProduct .lasthkd p {
		font-size: 14px!important;
	}
	.sampProduct .lastorderdate {
		margin-left: 0;
		margin-top: 0;
	}
	.shopBlock.cards .box .boximg {
		width: 42px;
	}
	.box .boximg {
		margin-right: 10px;
	}
	.box .boxinfo {
		display: block;
		width: 79%;
	}
	.box .boxinfo h4 {
		font-size: 12px;
	}
	.box .boxinfo span {
		font-size: 9px;
	}
	.boxOuter a {
		padding: 10px;
	}
	.box .boxinfo span {
		font-size: 9px;
		line-height: normal;
		margin-top: 2px;
	}
	.payment .box .boximg {
		margin-right: 15px;
		width: 70px;
	}
	.payment .box .boxinfo {
		display: block;
		margin-top: -5px;
		width: 64%;
	}
	.mobilepurchase.purchasevalue {
		margin-bottom: 10px;
		margin-right: 0;
		width: 62%;
	}
	.mobileunitget {
		float: left;
		width: 38%;
	}
	.mobileproduct .mobilepurchase.purchasevalue {
		width:100%;
	}
	.mobileproduct .mobileunitget {
		width:100%;
	}
	.purchasevalue .form-control {
		padding: 0px;
	}
	.purchasevalue .btn-default {
		padding: 6px 8px;
	}
	.mobilepurchase .input-group {
		margin-right: 7px;
	}
	.mobilepurchase.purchasevalue>img {
		float: left;
		padding-top: 13px;
		width: 14%;
	}
	.mobilegetimage>p {
		font-size: 6px; font-size: 12px;
	}
	.mobilegetvalue {
		padding-top: 4px;
	}
	.mobileunithkdvalue {
		font-size: 26px;
	}
	.ean>span {
		font-size: 11px;
	}
	.mobHeading {
		font-size: 12px;
		line-height: normal;
	}
	.proDesc {
		padding: 13px 8px;
	}
	.mobtrade:first-child {
		float: left;
		margin-right: 5%;
		width: 35%;
	}
	.mobtrade:last-child {
		float: left;
		width: 60%;
	}
	.monnextbox .mobtrade>label {
		font-size: 10px!important;
		margin-right: 8px;
		width: auto;
	}
	.mobtrade>span {
		font-size: 29px;
	}
	.mobdiscount1 .mobileunitcost1 {
		font-size: 11px;
	}
	.protext {
		float: left;
		margin-top: 10px;
		width: 100%;
	}
	.payinstructimage>img {
		float: none;
		margin: 0 auto;
		width: auto;
	}
	.payinstructimage h4 {
		font-size: 20px;
		width: 100%;
	}
	.centerbutton.amend {
		margin: 22px 0;
	}
	.mobdiscount1 .mobileunitcost {
		font-size: 13px;
		line-height: normal;
		padding-top: 0;
	}
	.mobdiscount1 .mobileunithkdvalue {
		font-size: 13px;
		line-height: normal;
		margin-top: 0;
	}
	.monnextbox {
		margin-bottom: 5px;
	}
}

/* SampsonStore */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {}

@media screen and (min-width: 1321px) {
	#base_footer_legal .legal_logoline { width:100%; }
	#base_footer_legal .legal_logoline .logo_group.officialdist { width:100%; }
	#base_footer_legal .legal_logoline .logo_group.payment { border-left:0; padding-left:0; }
	#base_footer_legal .legal_logoline .logo_group.payment label { margin-left:0; }

	#base_footer_legal .legal_logoline .logo_group:first-child>label { margin-left: 0; }
	#base_footer_legal .legal_logoline .logo_group:first-child>label+.logo { margin-left: 0; }
	#base_footer_legal .legal_logoline .logo_group.payment label { margin-bottom:8px; }
}

@media screen and (max-width: 1320px) {
	#base_footer_legal .legal_logoline { margin-bottom:18px; float: left; width: 100%; }
	#base_footer_legal .legal_logoline .logo_group:first-child { padding-left: 0; margin-top: 14px; }

	#base_footer_legal .legal_logoline .logo_group { padding: 0; border-bottom: 1px solid #e4e4e4; width: 100%; border-left: 0; padding-bottom: 8px; margin-top: 14px; margin-bottom: 0; }
	#base_footer_legal .legal_logoline .logo_group label { position: relative; top: auto; margin-left: 4px; font-size: 12px; line-height: 1; color: #ee3124; font-weight: 200; display: block; margin-bottom: 10px; padding-bottom: 0; }
	#base_footer_legal .legal_logoline .logo { margin-bottom: 12px; }
}

@media screen and (max-width: 1215px) {
	#base_footer_legal .fblike {
		position: relative;
		bottom: auto;
		float: left;
		clear: both;
		margin-bottom: 18px;
		left: auto;
	}
	#base_footer_legal .logo_year {
		position: relative;
		bottom: auto;
		float: left;
		clear: both;
	}
	/*
	#base_footer_legal .legal_logoline { margin-bottom:18px; float:left; width:100%; }
	#base_footer_legal .legal_logoline .logo_group:first-child { padding-left:0; }
	*/
	#base_footer_legal .legal_copyright {
		float: left;
		margin-bottom: 18px;
		text-align: left;
		max-width: none;
	}
	#base_footer_legal .legal_copyright>* {
		display: block;
		border: 0;
		padding: 5px 0;
		margin-left: 0;
		padding-bottom: 0;
	}
}

@media screen and (min-width: 1081px) {}

@media screen and (max-width: 1080px) {
	/*#base_footer_legal .legal_logoline .logo_group { padding-left:4px; }*/
}

@media screen and (min-width: 960px) {
	#base_footer_dir .directory .collapser {
		max-width: none !important;
	}
	#base_footer_dir .directory .collapser+.collapser {
		margin-left: 72px !important;
	}
}

@media screen and (max-width: 959px) {
	/* Essential */
	#base_footer_dir .feature_wrapper {
		width: 100%;
	}
	/*
	#base_footer_legal .legal_logoline { margin-bottom:18px; float:left; width:100%; }
	#base_footer_legal .legal_logoline .logo_group { padding:0; border-bottom:1px solid #e4e4e4; width:100%; border-left:0; padding-bottom:8px; margin-top:14px; margin-bottom:0; }
	#base_footer_legal .legal_logoline .logo_group label { position:relative; top:auto; margin-left:4px; font-size:12px; line-height:1; color:#ee3124; font-weight:200; display:block; margin-bottom:10px; }
	#base_footer_legal .legal_logoline .logo { margin-bottom:12px; }
	*/
}

@media screen and (min-width: 768px) {
	#base_footer_dir .directory .collapser {
		float: left;
		max-width: 170px;
	}
	#base_footer_dir .directory .collapser+.collapser {
		margin-left: 28px;
	}
	#base_footer_dir .directory .collapser .cl_trigger {
		border: 0;
		min-height: 0;
	}
	#base_footer_dir .directory .collapser .cl_trigger a {
		padding: 0;
		margin-bottom: 18px;
		line-height: 1.3em;
		cursor: default;
	}
	#base_footer_dir .directory .collapser .cl_trigger>i {
		display: none;
	}
	#base_footer_dir .directory .collapser .cl_contents {
		background: none;
		display: block;
		border: 0;
		font-size: 14px;
	}
	#base_footer_dir .directory .collapser .lists_group>* {
		border: 0;
		color: white;
		padding: 5px 0;
		min-height: 0;
		line-height: 18px;
		display: list-item;
		list-style-type: none;
	}
}

@media screen and (max-width: 767px) {
	#base_footer_bar .base {
		height: auto;
		padding: 0;
	}
	#base_footer_bar .phone {
		float: left;
		width: 100%;
		padding: 10px 0;
		text-align: center;
	}
	#base_footer_bar .phone br {
		display: block;
	}
	#base_footer_bar .phone i {
		font-size: 28px;
		vertical-align: middle;
	}
	#base_footer_bar .phone .btn_cs {
		margin-top: 5px;
		border-top: 1px solid #ba261c;
		border: 0;
	}
	#base_footer_bar .socialmedia {
		float: left;
		width: 100%;
		padding: 10px 0;
		text-align: center;
		background-color: #ba261c;
	}
	#base_footer_bar .socialmedia a {
		color: white;
		margin-right: 20px;
	}
	#base_footer_bar .socialmedia a:last-child {
		margin-right: 0;
	}
	#base_footer_dir .base {
		padding-top: 0;
	}
	#base_footer_dir .directory {
		padding: 0;
		border: 0;
	}
	#base_footer_dir .directory .left, #base_footer_dir .directory .right {
		float: left;
		width: 100%;
	}
	#base_footer_dir .directory .collapser {
		float: left;
		width: 100%;
	}
	#base_footer_dir .directory .collapser .cl_trigger a {
		padding: 18px 28px;
		line-height: 1;
		font-size: 18px;
	}
	#base_footer_dir .directory .collapser .lists_group>* {
		padding: 18px 28px;
	}
	#base_footer_dir .feature {
		width: 100%;
		margin-right: 0;
		margin-top: 18px;
	}
	#base_footer_legal .base {
		padding: 20px 18px 25px;
	}
	#base_footer_legal .legal_copyright {
		float: left;
	}
	#base_footer_legal .legal_copyright p {
		margin-top: 10px;
	}
	.sticky {
		display: none;
	}
}

@media screen and (max-width: 669px) {
	/* Essential */
	#base_footer_legal .base {
		padding-bottom: 28px;
	}
	#base_footer_legal .logo_year>* {
		float: left;
		clear: both;
	}
}

@media screen and (max-width: 479px) {
	/* Essential */
	#base_footer_dir .features {
		padding: 0 18px;
	}
	#base_footer_dir .feature br {
		display: none;
	}
	#base_footer_dir .directory .collapser .cl_trigger a {
		padding-left: 18px;
		padding-right: 18px;
	}
}

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

.nostock {
  animation:flashred 1s infinite linear
}

@keyframes flashred
{
  0%   {color: white;}
  50%  {color: red;}
  100% {color: white;}
}