html,body,h1,h2,h3,h4{font-family:'Poppins',sans-serif;}
body{background-color:#f1f2f4;font-size:17px;}
h2{font-size:18px;font-weight:bold;}
.pro__detl__title h2{font-size:26px;}
.form-group{margin-bottom:5px;}
.form-group label{font-weight:bold;font-size:14px;margin-bottom: 5px;}
h3{font-size:16px;font-weight:bold;}
p,a{font-size:16px;}
h4{font-size:18px;}
.otherp{font-size:20px;font-weight:bold;margin-bottom:20px;}
.error{color:#ed1f24;}
.badge{font-size:16px;font-weight:normal;margin-bottom:5px;}
.form-control{border-color:#23232c; border-radius: 0;}
.main-gutters{padding: 0 40px;}
.product{padding-left:15px;padding-right:15px;}
.tlogo{border-radius:0px 0px 8px 8px;}
.product:hover a{text-decoration:none;}
.pgrid{background-color: #fff;margin-bottom:40px;}
.pgrid,.pgrid .pimage{position:relative;overflow: hidden;}
.pgrid{text-align:center;overflow:hidden;z-index:1;}
.pgrid .pimage img{width:100%;height:auto;}
.pgrid .pimage:hover img {
    -webkit-transform: rotate(-3deg) scale(1.20);
    -ms-transform: rotate(-3deg) scale(1.20);
    transform: rotate(-3deg) scale(1.20);
    -webkit-transition: -webkit-transform .7s;
    transition: transform .7s;
}
.discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 30px;
    padding: 3px 8px;
    background-color: #23232c;
    color: #fff;
    text-align: center;
    z-index: 2;
}
.discount .disBox {
    text-align: center;
    display: block;
    overflow: hidden;
    font-weight: 600;
    font-size: 12px;
}
.discount .disper {
    color: #fff;
}
.discount .disoff {
    font-style: normal;
    margin-top: .0533rem;
    white-space: nowrap;
    line-height: 1;
    text-transform: uppercase;
}
.freediv{ 
	right:auto;
	left:0; 
	padding: 6px 12px;
	bottom: 0px;
    top: auto;
	background-color:#ee312f;
}
.pgrid .psold, .pgrid .pfreed{color:#fff;font-size:10px;text-transform:uppercase;border-radius:0 2px 2px 0;position:absolute;left:0pxtop:0px;transition:all .3s;background-color:rgba(215, 41, 42, 0.8);padding:2px 4px;}
.pgrid .pfreed{border-radius:2px 0 0 2px;left:auto;right:0;bottom:0;top:auto;background-color:rgba(0,153,51,.8);}
.prodbox{overflow:hidden;}

.pgrid .pcontent{padding:8px 15px;background-color: #ffffff;}
.pgrid .title{
	text-align:center;
	text-transform:capitalize;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	font-weight:400;
    font-size: 14px;
    font-weight: 400;
    color: #23232c;
    margin: 15px 0;
    margin-top: 20px;
    line-height: 20px;
    font-size: 17px;
    line-height: normal;
    min-height: 52px;
    margin-bottom: 10px;
}
.pgrid .price{color:#ee312f;font-size:14px;text-align:center;font-family:'Poppins',sans-serif;font-weight:600;font-size:18px;margin-bottom: 5px;}
.pgrid .price span{color:#909097;font-size:13px;font-weight:bold;letter-spacing:0;text-decoration:line-through;text-align:left;vertical-align:middle;display:inline-block;font-size:16px;}
.pgrid .svat{font-size:10px; color:#666;font-weight:bold;text-align:left;}
.extraoff{font-size:13px; color:#007bff;font-weight:bold;}

.procats{padding:13px 10px;text-align:center;width:100%; overflow:auto;  white-space: nowrap;padding-bottom: 30px;}
.procats a{margin:0 25px 10px 25px;text-transform:capitalize;padding:0 0 8px;display:inline-block; cursor:pointer;color:#7c7c80;text-decoration:none;position: relative;border:0 !important;font-weight: 500;}
/* .procats a:hover{text-decoration:none; border-bottom:2px solid #ee312f !important;}*/
.procats a.active{color: #23232c;font-weight: 500;}

.procats a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #ee312f;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }
  
  .procats a:hover:before, .procats a.active:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

footer{ background-color:#fff;}
footer h4{font-size:16px;border-bottom:1px solid #dee2e6;padding-bottom:10px;padding-left:5px;font-weight:bold;}
.fdetail{padding:5px;}
.list-item{list-style:none;padding:5px;}
.list-item li{padding-bottom:10px;}
.list-item li a{display:block;}

.ptitle{display:block;font-size:18px;font-weight:bold;width:100%;}
.dealItem{ overflow:hidden;}
.itemTPF { background-color: #fff;padding: 30px;padding-top: 20px;padding-bottom: 20px;}
.invoice {background-color: #fff;padding:10px 5px; margin:0 5px;}
/* .prodcol{border-radius:8px;} */
.fake-input {position: relative;}
.fake-input .form-control {padding-left: 65px;}
.fake-input img {position: absolute;top: 32px;left: 3px;}
.fake-input span.code {position: absolute;top: 34px;left: 29px;font-size: 14px;color: #555;font-weight: bold;}

.itemsleft,.free-dev{top:0px;right:0;color:#fff;position:absolute;z-index:22;background-color:#eb2e28;font-weight: 600;padding: 1px 5px;font-size: 12px;}
.free-dev{background-color:rgba(0,153,51,.8);right:0px;left:auto;top:auto;bottom:0px;border-radius:2px 0 2px 0;}

#countbox{position:absolute;right:0px;top:0px;border-radius:2px;color:#333;overflow:hidden;background:#fff;}
#countbox .dtx{display:inline-block;text-align:center;border-left:1px solid #fff;font-weight:bold;}
#countbox .dtx:first-child{border-left:0;}
#countbox .dgt{clear:both;display:block;padding:0px 2px 2px;font-size:14px;background:#666;color:#fff;}
#countbox .txt{font-size:10px;padding:2px 4px;}

.detailtxt {background: #fff; border-radius:0px;padding:20px;}
.dealItem .text{padding:0px 0px 10px;background: #fff;position:relative;}
.dealItem .text h2{line-height:normal;font-size:16px;color:#000;margin: 5px 0 0;}
.dealItem .price strong {color: #ed1b24;font-size: 25px;font-weight:bold;}
.dealItem .price span {text-decoration: line-through !important;color: #666;}
.dealItem .pfimage img { width: 100%; height:auto; }

.otherimg{margin:0 auto;text-align:center;padding-top:10px;}
.otherimg img{max-width:80px;margin:2px;border:2px solid #666;border-radius:2px;overflow:hidden;}
.otherimg img.active{border-color:#ed1b24 !important;}
.prosold{float:right;margin:5px 0 0;padding:0;color:#0084ff;font-size:18px;}
.pdetailsi h4{font-size:15px;font-weight:bold;}

.pro__detl__title{text-align: center;}
.select2-container--default .select2-selection--single{border-radius: 0 !important; border-color:#23232c !important;}

@media only screen and (max-width:990px){
	.container{width:100%;}
	.container{max-width:none;}
	.product{padding-left:5px;padding-right:5px;}
}

@media only screen and (max-width:768px){
	.container{max-width:none;}
	.dealimgs{padding-left:0;padding-right:0;}
	.tlogo img{max-height: 60px !important;margin: 5px 0 !important;margin-bottom: 10px !important;}
	.tlogo{margin-bottom:10px !important;}
	.ptitle{padding:4px !important;}
	.pro__detl__title h2, .pro__detl__title p{text-align:center;}
	.dealItem{ margin:1px 5px 10px 5px;}
	.prodcol{margin:1px 5px 10px 5px;padding: 0;}
    .itemTPF {padding: 15px;}
    .itemTPF h1, .itemTPF .text  {text-align: center;}
	.detailtxtcol{margin:1px 5px 10px 5px;padding:0;}
    .discount.freediv{padding: 3px 8px;bottom:0;}
    .discount{bottom: 24px;}
    .main-gutters {padding: 0 20px;}
}

@media only screen and (max-width:576px){
	.container{max-width:none;}
	.procats span{font-size:14px; margin:0 2px 10px 2px;}
}