/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@font-face {font-family: "Century Gothic";
    src: url("fonts/century-gothic.eot");
    src: url("fonts/century-gothic.eot?#iefix") format("embedded-opentype"),
    url("font/century-gothic.woff2") format("woff2"),
    url("font/century-gothic.woff") format("woff"),
    url("font/century-gothic.ttf") format("truetype"),
  
} */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');

body{padding:0; color:#111111; font-size:14px; font-family:'Roboto', sans-serif;}
header .carousel{max-height:200px; overflow:hidden;}
header .carousel-caption{right:60%; left:-10%; top:0; bottom:0; background-color:#0094c1; opacity:0.6; transform:skewX(160deg); max-height:200px;}
header .carousel-caption h3 img{transform:skewX(20deg); top:30%; position:absolute;}
.edit-details-section{width:530px; margin:0 auto; }
.placed-ord{width:700px; margin:0 auto;}
.placed-ord .outer-box{border:solid 1px #d1d1d1; border-radius:10px; width:100%; padding:20px;}
.edit-details-section .outer-box{border:solid 1px #d1d1d1; border-radius:10px; width:100%; padding:20px;}
.edit-details-section label{margin-bottom:2px;}
.input-box{border:0; border-bottom:solid 1px #d1d1d1; width:100%; font-size:14px; float:left; margin-bottom:20px; border-radius:0;
text-transform:c; height:25px; padding:0 0 5px 0;}
.input.password input {padding:1rem;}
select{ -webkit-appearance: none; -moz-appearance: none; background:url(../img/select-bg.png) no-repeat scroll 97% 10px transparent;}
select{color:#bebdbd!important}
select option{color:#111!important} 
.edit-details-section .my-4{/*border-bottom:solid 5px #0094c1;*/ text-align:center; width:100%; margin:0 auto; text-transform:uppercase;}

@media (max-width: 567px){
.edit-details-section{width:320px;}
}

.login-section{width:530px; margin:0 auto; }
.placed-ord{width:700px; margin:0 auto;}
.placed-ord .outer-box{border:solid 1px #d1d1d1; border-radius:10px; width:100%; padding:20px;}
.login-section .outer-box{border:solid 1px #d1d1d1; border-radius:10px; width:100%; padding:20px;}
.login-section label{margin-bottom:2px;}
.input-box{border:0; border-bottom:solid 1px #d1d1d1; width:100%; font-size:14px; float:left; margin-bottom:20px; border-radius:0; 
text-transform:c; height:25px; padding:0 0 5px 0;}
.input.password input {padding:1rem;}
select{ -webkit-appearance: none; -moz-appearance: none; background:url(../img/select-bg.png) no-repeat scroll 97% 10px transparent;}
select{color:#bebdbd!important}
select option{color:#111!important}
.login-section .my-4{/*border-bottom:solid 5px #0094c1;*/ text-align:center; width:100%; margin:0 auto; text-transform:uppercase;}
.btn-style{background:#0094c1; color:#fff; width:87%; border:0; border-radius:10px; margin-left:60px;padding:10px 0;}
.btn-style:hover{background-color:#111111; border:0;}
.btn-style-common{background:#0094c1; color:#fff; width:100%; border:0; border-radius:10px; padding:10px 0;}
.btn-style-common:hover{background-color:#111111; border:0; color:#fff!important;}
.ico-holder{border:solid 1px #d1d1d1; border-radius:7px; padding:12px; color:#0094c1; width:50px; height:50px; font-size:28px; line-height:20px; float:left;}
.controls{float:left; width:100%} 
.controls-login{width:87%; margin-left:2%;}
footer{padding:15px 0; margin-top:10px; background-color:#fff; border-top:solid 5px #222222; border-bottom:solid 0px #222222; color:#111111; margin-bottom:20px;}
.heading{font-size:36px; font-family:'Roboto', sans-serif; font-weight:700;}
.bottom-line{height:5px; width:260px; margin:5px auto; display:block; background-color:#0094c1;}
footer a{width:100%; color:#111;}
.go-rght{width:122px; float:right;}
.go-rght a{ display:block;}
.line-right{border-right:solid 1px #222; text-align:left;}
footer img{max-width:80%; width:122px;}
.hlf-wide2{float:right; flex: 0 0 25%;   max-width: 25%;}
.footLogo{flex: 0 0 25%;  max-width: 25%;}
.hlf-wide1{flex: 0 0 50%;  max-width: 50%; padding:0 80px;}

@media (max-width: 991px){
.lft-gray-box{text-align:center;}
.anotherplayer, .proceedtocheckout{max-width:320px;}
.hlf-wide1{padding:0 40px;}

}
@media (max-width: 767.99px){
	.placed-ord{width:90%;}
	footer img{width:auto;}
	.line-right{border-right:solid 1px #222; border-bottom:0; margin-bottom:20px; padding-bottom:20px;}
	.footLogo{display:none;}
	.go-rght{float:right;}
	.hlf-wide1{width:60%!important; PADDING-LEFT:0; margin-left:0px; text-align:LEFT; flex: 0 0 60%;  max-width: 60%;}
	.hlf-wide2{width:40%!important; PADDING-LEFT:0; text-align:LEFT; flex: 0 0 40%;  max-width: 40%; 
	}

}

@media (max-width: 360px)
{
	.hlf-wide2{padding-left:15px;}
}
/*footer a{width:100%; color:#111; display:block;}
footer a{width:100%; color:#111;}
.go-rght{width:122px; float:right;}
.go-rght a{ display:block;}
.line-right{border-right:solid 1px #222; text-align:left;}

.line-right{border-right:solid 1px #222;}
footer img{max-width:80%; width:167px;}
footer img{max-width:80%; width:122px;}

@media (max-width: 767px){
	.placed-ord{width:90%;}
	footer img{width:auto;}
	.line-right{border-bottom:solid 1px #222; border-right:0; margin-bottom:20px; padding-bottom:20px;}
}*/
@media (max-width: 567px){
.login-section{width:320px;}
.controls-login { width: 78%; margin-left: 4%;}
.placed-ord{width:90%;}
.btn-style{width:78%;}
.hlf-wide1{PADDING-LEFT:15px; margin-left:0px;}
}

@media (max-width: 430px)
{
	.hlf-wide1{padding-right:15px;}
}

@media (max-width: 375px)
{
	.go-rght{width:95px;}
}

header .carousel-big{max-height:485px;}
header .carousel-big .carousel-caption{max-height:485px;}
header .carousel-big .carousel-item{min-height:485px;}
header .carousel-big .carousel-caption h3 img{position:relative; margin-top:50px;}
.banner-heading{ text-align:center; color:#fff; font-size:48px; font-family:'Roboto', sans-serif; font-weight:700;}
.banner-text{width:75%; margin:20px auto; border-top:solid 1px #6babbf; border-bottom:solid 1px #6babbf; padding:30px 0; text-align:center; 
color:#fff;}
.heading2{/*background:none !important;*/ padding:10px 20px; border-radius:5px; color:#fff; font-size:22px; text-transform:capitalize; margin-bottom:5px;}
.card-header{background-color:transparent; border-bottom:solid 5px #0094c1; padding:15px 60px;}
.card-body{padding:15px 0 0!important; overflow-x:auto; margin-bottom:0!important;}
.card-body table{min-width:800px;}
.card{border:0!important;}

/******** group login**************/
.d-none{display:block!important;}
.grop-login{width:80%;} 
.subheading{font-size:16px; color:#0094c1; font-weight:600;}
select{font-size:14px;}
hr{ border:0; height:90%; border-left:solid 1px #000; width:1px;}
::-webkit-input-placeholder { /* Edge */
  color: #ccc;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
} 

::placeholder {
  color: #ccc;
}
label{font-weight:500;}

/******** group login**************/
.indi-login{width:470px;} 
.edit-details{width:90%;}
.common-dv{width:80%;}
.list-details{width:100%; border:0; max-width:100%;}
.list-details .outer-box{border:0; padding:0;}
.blk-btn{background-color:#111111;}
.blk-btn{background-color:#000;}
@media (max-width: 1156px){.carousel-caption{right: 50%; left: -15%;} }

@media (max-width: 767px){
		.sps-btm{margin-bottom:20px;}
		.banner-heading{display:none;}
		.banner-text{display:none;}
		.carousel-caption{background-color:transparent!important;}
		.common-dv{width:90%;}
	}
@media (max-width: 567px){ 
	.indi-login{width:90%;}
	/* .grop-login{width:90%;} */
}
.table td{vertical-align:middle; border-top:0; border-bottom:1px solid #dee2e6;}
.table tr:last-child td{border-bottom:0px;}
.prod-img{width:96px; height:96px; border-radius:5px; border:solid 1px #0094c1; display:block; overflow:hidden;}
.prod-img img{width:100%; vertical-align:middle;}
.price{font-weight:700; color:#0094c1;}
.cart-btn{border-radius: 5px;
    min-width: 175px;
    background: #0094c1;
    color: #fff;
    padding: 10px 15px 11px 0;
    height: auto;
    /* display: inline-block; */
    margin-right: 45px;
    font-size: 18px;
    line-height: 18px;
    display: block;
    width: 185px;}
.cart-btn span{background-color:#2e2d2d; color:#fff; font-size:27px; padding:7px 10px; border-top-left-radius:5px; float:left; 
border-bottom-left-radius:5px; margin-top:-11px; margin-left:-1px; margin-right:11px;}
.cart-btn:hover{background-color:#2e2d2d;}
.accordion>.card>.card-header a:hover{text-decoration:none;}
.checkout-btn{border-radius:5px; background:#2e2d2d; color:#fff; padding:10px 20px; height:49px; border:0; font-size:18px;}
.checkout-btn:hover{background:#0094c1;}
.view-as{float:right;}
.view-as a{padding:4px 6px; border-radius:3px; background:#ebebeb; color:#5c5b5b;  float:right; border:solid 1px #ccc; margin:0 5px; 
font-size:18px; display:block; line-height:18px;}
.view-as a.active{background:#0094c1; color:#fff; border:solid 1px #08627e;}
.card-header{margin-top:20px;}
.card-body{margin-bottom:20px;}
.collapse{border-right:1px solid #dee2e6; border-left:1px solid #dee2e6; border-bottom:solid 1px #dee2e6;}
.table{margin-bottom:0;}
.logo{position:absolute; z-index:10; top:20px; right:60%; left:0;  text-align:center; height:200px; line-height:normal;}
pre{white-space: break-spaces; width:100%;}
.logo img{height:60%!important; width:auto!important;}
.blue-tbl-head{ color:#fff; background:#0094c1; height:50px; border:0; font-weight:normal;} 
.price{display:block; width:100%; }
.blue-icon{background:#0094c1; padding:5px; color:#fff; width:32px; height:32px; float:left; display:block; text-align:center; font-size:22px; line-height:18px; padding-top:5px;}
.input-box-qty{border:solid 1px #d7d4d4; float:left; width:40%; margin-right:10px; height:32px;}
.input-box-qty:hover, .input-box-qty:focus{border-radius:0;}
.lft-heading{width:100%; color:#000; font-size:24px; text-transform:uppercase; text-align:center; font-family: 'Roboto', sans-serif; min-height:50px; margin-bottom:10px;}
.lft-heading span.bor-left{border-top:solid 2px #0094c1; border-left:solid 2px #0094c1; width:6%; float:left; dispaly:block; min-height:50px;}
.lft-heading span.bor-right{border-bottom:solid 2px #0094c1; border-right:solid 2px #0094c1; width:6%; float:right; dispaly:block; min-height:50px;}
.lft-gray-box{background:#e8e8e8; padding:8px;}
.lft-gray-box .table td{border-bottom:solid 1px #d7d4d4;}
.blue-squar-btn{ color:#fff; background:#0094c1; padding:5px 10px; outline:none; border:0px; box-shadow:none; }
.sum-blue-squar-btn{margin-top:10px;  margin-bottom:70px; color:#fff; background:#0094c1; width:100%; padding:5px 10px; outline:none; border:0px; box-shadow:none; }
.blk-squar-btn{margin-top:5px;  color:#fff; background:#000; padding:5px 10px; width:auto; outline:none; border:0px; box-shadow:none; }

@media (max-width: 1260px)
{
	.lft-heading{line-height:22px;}
}

.div1{max-height:450px; overflow-y:auto;}
.table td{position:relative;}
.codetext{width:190px;}
.edt-detail{white-space:nowrap;}
input[type=”text”]:focus{
font-size: 14px; /* Adding 14px on focus will prevent page zoom */
}

/*@media (max-width: 991px){
		.table-body{padding:15px 0 0!important; overflow-x:auto; margin-bottom:0!important;}
.table-body table{min-width:600px;}
.mar-bottom-50{margin-bottom:50px!important;}
.product-description{margin-top:50px;}

	}*/
	
	
@media (max-width: 991px){
		.table-body{padding:15px 0 0!important; overflow-x:auto; margin-bottom:0!important;}
		.int-tbl-cart div.table-body{ overflow:unset; padding-right:0!important;}
		.int-tbl-cart{margin:0;}
		.outer-box .table-body{padding-right:10px!important;}
		/*.div1, .div3{overflow-x:scroll;}*/
		.table-body table{/*min-width:620px;*/ margin-bottom:7px;}
		.mar-bottom-50{margin-bottom:50px!important;}
		.product-description{margin-top:50px;}
		.go-down{padding-left:0; padding-right:0px; text-align:center; margin-top:-10px;}

	}
	
	.logout{position:absolute; top:10px; right:20px; z-index:100; color:#fff; border:0;}
	.logout:hover{color:#f1f1f1;}
	.img-container{width:100%;}
	.img-container img{width:100%; }
	
	.img-container .carousel-control-prev, .img-container .carousel-control-next{top:100%; margin-top:15px; opacity:1;}
	.carousel-control-prev-icon{background-image:url(../img/left-arrow.jpg);}
	.carousel-control-next-icon{background-image:url(../img/right-arrow.jpg);}
	.featured-products{width:100%; margin-top:50px; padding:15px;}
	.featured-products h2{font-size:16px; margin-bottom:20px; font-weight:700;}
	.featured-products .col-lg-3{float:left;}
	.featured-products .carousel-control-next, .featured-products .carousel-control-prev{width:15px; top:30%; bottom:auto;}
	.featured-products .carousel-control-next{margin-left:-15px;}
	.featured-products .carousel-control-prev{margin-right:-15px;}
	.image-list{border:solid 1px #ccc; padding:10px;}
	.image-list .name{fonr-size:16px; text-align:center; font-weight:bold;}
	.image-list .rate-old{width:100%; font-weight:700; color:red; text-decoration: line-through;  text-align:center;}
	.image-list .rate-new{width:100%; font-weight:700; color:#0094c1;  text-align:center;}
	.img-holder{width:100%; border-bottom:solid 5px #0094c1; padding-bottom:10px; margin-bottom:15px;}
	.img-holder img{width:100%;}
	.business-name{border-top:dotted 1px #fff; padding:5px; border-bottom:dotted 1px #fff; font-size:16px; color:#fff; text-align:center; width:60%; margin:5px auto 0;}
	.list-view{display:block;}
	.grid-view{display:none; padding:20px!important;}
	
	.list-view1{display:block;}
	.grid-view1{display:none; padding:20px!important;}
	
	.img-section{min-height:200px;overflow: hidden;}
	.product-border{border:solid 1px #ccc; width:100%; padding:10px; text-align:center;}
	.product-border img{width:auto; height:220px;}
	/*.product-border .prod-name{ width:100%; border-top:solid 5px #ccc; padding:5px; font-size:20px; font-weight:700; text-align:center;}*/
	.product-border .prod-name{ width:100%; border-top:solid 1px #ccc; padding:5px; font-size:20px; font-weight:700; text-align:center; margin-top:15px;}
	.product-border .price{font-size:20px!important; }
	.product-border .prod-desc{ width:100%; font-size:15px; text-align:center;}
	
	/* Vertical Tabs */
	.tab-content{background:transparent;}
	 .vertical-tabs{
		font-size:15px;
		padding:0px;
		color:#000;
		display: flex;
	}
	 .vertical-tabs .nav-tabs .nav-link{
		border-radius: 0;
		background:#c10101;
		text-align:center;
		font-size: 16px;
		border:1px solid #424242;
		color:#fff;
		height:40px;
		width: 120px;
	}
	 .vertical-tabs .nav-tabs .nav-link.active{
		background-color:#700000!important;
		color:#fff;
	}
	 .vertical-tabs .tab-content>.active{
		background:#fff;
		display:block;
	}
	 .vertical-tabs .nav.nav-tabs{
		border-bottom:0;
		border-right:3px solid #000;
		display:block;
		float:left;
		margin-right:-5px;
		padding-right:15px;
	}
	 .vertical-tabs .sv-tab-panel{
		background:#fff;
		height:auto;
		padding-top:10px;
	}
	@media only screen and (max-width: 420px){
	  .titulo{font-size: 22px}
	} 
	@media only screen and (max-width: 325px){
	  .vertical-tabs{ padding:8px;}
	}
	.vertical-tabs .nav
	{
		border-top-left-radius:10px; border-bottom-left-radius:10px; height:100%;
		background-image: linear-gradient(to right, #efefef, #ffffff);
	}
	.vertical-tabs .nav.nav-tabs{padding:0; border-right:solid 5px #bebdbd}
	.vertical-tabs .nav-tabs .nav-item{ margin-right:-5px;}
	.vertical-tabs .nav-tabs .nav-link{background:transparent; border:0;  padding:20px;  color:#0094c1; border-right:solid 5px #bebdbd; 
	font-size:18px; height:auto; border-bottom:solid 1px #bebdbd; width:165px;}
	.vertical-tabs .nav-tabs .nav-link.active{ background:transparent!important;  color:#0094c1; border-right:solid 5px #0094c1;}
	.tab-icon{border-radius:120px; border:solid 3px #fff; background-color:#0094c1; color:#fff; font-size:22px; padding:10px; width:50px;
	height:50px; text-align:center; display:block; box-shadow: 0px 0px 8px #aaaaaa; margin:0 auto 5px; font-weight:700;}
	.tab-content, .vertical-tabs .tab-content>.active, .vertical-tabs .sv-tab-panel{border-radius:10px; background:transparent;}
	.vertical-tabs .sv-tab-panel{padding:30px 0;}
	
	@media only screen and (max-width: 676px){
		.vertical-tabs .nav-tabs .nav-link{width:100%;}
	}
	.lft-div{
		border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: linear-gradient(to right, #efefef, #ffffff);
	border-right:solid 5px #bebdbd;
	margin-right:20px;
	width:165px;
	}
	
	.date-select{width:48%; margin-right:2%; float:left;}
	.date-select-right{width:48%; margin-left:2%; float:left;}
	.sv-tab-panel .row{padding:0 60px;}
	@media only screen and (max-width: 776px)	
	{
			.sv-tab-panel .row{padding:0 15px;}
		}
		
.btn-style:hover{outiline:0 !important; box-shadow:none !important;}
.btn-style:focus{ outiline:0 !important; box-shadow:none !important;} 
.btn-style:active{ outiline:0!important; box-shadow:none!important;} 

.btn-style-common:hover{outiline:0 !important; box-shadow:none !important;}
.btn-style-common:focus{ outiline:0 !important; box-shadow:none !important;} 
.btn-style-common:active{ outiline:0!important; box-shadow:none!important;} 

.cart-counter span.number{
  border-radius:65px; color:#fff; font-size:14px; font-weight:700; width: 30px; height: 30px; padding: 6px;  background-color: #0094c1;
  display: inline-block;  margin-top: -11px;  position: absolute;}

@media (max-width: 400px){
.bottom-line{width:100%;}
}
@media (max-width: 767px){
		.logo img{max-height:40%!important; width:auto!important;margin-top:20px;}
		.business-name{font-size:13px;}
		footer img{max-height:80%!important; width:auto!important;}
		.heading{font-size:18px;}
		.heading2{font-size:16px;}
		.card-header{padding: 15px 0px;}
}

/** addED by NG **/
table.table .contbtn{ text-align:right;}
table.table .contbtn #continueShopping { margin-right: 10px; }

@media screen and (max-width: 1280px) {
	/*table.table .contbtn {
		position: absolute;
		width: 100%;
		left: 0;
		text-align: center;
		margin-top: 65px;
	} */
	table.table .contbtn #continueShopping { margin-right: 10px; }
}

@media screen and (max-width: 768px) {
	.outer-box hr { display: none; }
	.bor-left { padding-top: 20px; }
	.product-border { padding-bottom: 25px; }
	.product-border .prod-name { text-align: left; }
	.product-border .prod-desc { text-align: left; }
	.product-border .price { text-align: left; padding: 5px; }
	.product-border a.btn { position: absolute; right: 30px; margin-top: -37px; }
	.cart-counter { position: absolute; right: 30px; top: 225px; z-index: 2; }
	.table td{padding:5px;}
	.product-border a.btn{height:41px;}
	.product-border .prod-desc{padding:5px;}
}

.applycoupon{float:left;}
#discount_code {width:100%;}
	@media screen and (max-width: 1081px)
	{
		.common-dv{width:90%;}
	}

@media screen and (max-width: 768px)
	{
		.div3{min-height:110px;}
		table.table .cpn-code {position: absolute; width: 100%; left: 0;}
		table.table .contbtn {position: absolute; width: 100%; left: 0;	text-align: left;	margin-top: 65px;}
		#discount_code{width:50%;}
		.applycoupon{margin-right:10px;}
		.applycoupon, .continueShop, .updatecartbtn {margin-bottom:10px;}
	}
	
@media screen and (max-width: 640px) {
	.mobfoot { margin-bottom: 20px; }
	a#packListView, a#prodListView, #footLogo { display: none; }
	/*.table-body table { min-width: auto; } */
	.blue-icon { position: absolute; margin-left: 25px; }
	.blue-icon i { font-size: 1rem; }
	#discount_code { /*width: 100%; margin-bottom: 20%; */}
	.applycoupon, .continueShop, .updatecartbtn { padding: .5rem 1rem; width: auto !important; }
	.applycoupon { /*position: absolute; */}
	.topnav { top: 0px; right: 0; position: absolute; z-index: 20; padding-left: .75rem; padding-bottom: .25rem; }
	.topnav.responsive { /* margin-top: -190px; top: -0px; margin-bottom: 190px; */ position: absolute !important; min-height: 140px; padding: 1rem; width: 100%; background-color: rgba(51,51,51,.95); }
	.topnav.responsive a { margin-bottom: .5rem; }
	#myTopnav i { font-size: 1.45rem; margin-top: .5rem; }
	.vertical-tabs { display: block; }
	.vertical-tabs .lft-div, .vertical-tabs #billingfrm { width: 100%; float: left; border: none; border-bottom-left-radius: 0; /* background: orangered; */ }
	.vertical-tabs .nav.nav-tabs { width: 100%; border: none; background: none; display: flex; }
	.vertical-tabs .nav-tabs .nav-item { margin: 0; width: 50%; border-radius: 0; }
	.vertical-tabs #billingfrm #billing, .vertical-tabs #billingfrm #proceedToPay { width: 100% !important; }
	#shortBtn { max-width: 60px; }
	div.totalamttext { margin-top: 20px; }
	.login-section .my-4{width:70%;}
}

@media screen and (max-width: 567px) {
	.product-border a.btn{min-width:45px; width:50px; background-color:#2e2d2d; right:-15px;}
}

@media screen and (max-width: 480px) {
.login-section .my-4{width:50%;}
.vertical-tabs .nav-tabs .nav-link{font-size:14px;}
}


@media screen and (max-width: 486px) {
	.div3{min-height:155px;}
}

@media screen and (max-width: 330px) {
	.div3{min-height:205px;}
}

@media screen and (max-width: 340px) {
	.table td{padding:3px;}
}

.product-border a.btn i, #shortBtn i { color: #fff; }

.modal-footer { justify-content: center; }
#heading1, #heading2s { padding-bottom: 20px; }
.clsAddToCart, .clsContinueShopping, .clsProceedToCart { width: 100% !important; }
.tab-icon i { display: block; margin-top: 1px; }

#billingPage .nav-link.active{border-top-left-radius:10px;}
.vertical-tabs .nav-tabs .nav-item:first-child a, .vertical-tabs .nav-tabs .nav-item:first-child a.active{border-top-left-radius:10px;}

@media screen and (max-width: 640px) {
#shippingPage .nav-link{border-top-right-radius:10px;}
.vertical-tabs .nav-tabs .nav-item:last-child a, .vertical-tabs .nav-tabs .nav-item:last-child a.active{border-top-right-radius:10px;}
}

@media screen and (max-width: 999px) {
.sq-field-wrapper{display:block!important;}
.sq-field--in-wrapper{margin:5px 0!important;}
}

.modal-title.head{text-align:center!important;}

.table td.add-coupon{padding:30px 5px!important;}

#messagePlayer{width:100%; /*overflow-x:scroll;*/}
#messagePlayer table{min-width:500px;}
@media (max-width: 767px){
	#messagePlayer {		
		overflow-x: scroll;
	}
	#messagePlayer table{min-width:250px; width:100%;}

}

.right-btn{width:49%;float:right;}
.left-btn{width:49%;float:left;}

@media screen and (max-width: 400px){
	.right-btn{width:100%;float:left;} 
	.left-btn{width:100%;float:left;}
}

.prod-name a{
 white-space: nowrap;
 width: 100%;
 overflow: hidden;
 text-overflow: ellipsis;
 border: 0px solid #000000;
 display:block;
}

.prod-desc span
{
white-space: nowrap;
 width: 60%;
 overflow: hidden;
 text-overflow: ellipsis;
 border: 0px solid #000000;
 display:block;
 float:left;
}

.prod-desc a
{
width:40%; float:left;
} 

.product-border .cart-btn{margin:0 auto!important;}
.product-border a.btn i, #shortBtn i { color: #fff; }
@media screen and (max-width: 768px){
.product-border a.btn {position:relative; margin-top:0; right:auto;}
}

@media screen and (max-width: 567px)
{
.product-border .price {padding-top:30px;}
.product-border .cart-btn{float:right; margin-top:-35px!important;}
}

@media screen and (max-width: 567px) { 
.product-border a.btn{min-width:45px; width:50px; background-color:#2e2d2d; right:auto;}
}

/* New changes from Staging */
@media screen and (max-width: 480px) {
.login-section .my-4{width:50%;}
.vertical-tabs .nav-tabs .nav-link{font-size:14px;}
}

@media screen and (max-width: 340px) {
	.table td{padding:3px;}
}

/*******************scroller css start********************/

/* width */
::-webkit-scrollbar {
    width: 8px;
	height:8px;
	margin-right:5px;
    /* margin-left:10px;*/
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: #e8e8e8;
    border-radius: 10px;
	margin:5px 0;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #5f6064;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #5f6064;
}

/*******************scroller css end***************/