﻿/*
Template Name: Electro - HTML Ecommerce Template
Author: yaminncco

Colors:
	Body 		: #333
	Headers 	: #ffa500
	Primary 	: #D10024
	Dark 		: #15161D ##1E1F29
	Grey 		: #E4E7ED #FBFBFC #8D99AE #B9BABC

Fonts: Montserrat

Table OF Contents
------------------------------------
1 > GENERAL
------ Typography
------ Buttons
------ Inputs
------ Sections
------ Breadcrumb
2 > HEADER
------ Top header
------ Logo
------ Search
------ Cart
3 > NAVIGATION
------ Main nav
------ Responsive Nav
4 > CATEGORY SHOP
5 > HOT DEAL
6 > PRODUCT
------ Product
------ Widget product
------ Product slick
7 > STORE PAGE
------ Aside
------ Store
8 > PRODUCT DETAILS PAGE
------ Product view
------ Product details
------ Product tab
9 > CHECKOUT PAGE
10 > NEWSLETTER
11 > FOOTER
11 > SLICK STYLE
12 > RESPONSIVE
------------------------------------*/

/*=========================================================
	01 -> GENERAL
===========================================================*/

/*----------------------------*\
	Typography
\*----------------------------*/
.design{
	color:white;
}
body {
 font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #333;
  overflow-x:hidden;
}

h1, h2, h3, h4, h5, h6 {line-height: 1.4;
  color: #181818;
  font-weight: 700;
  margin: 0 0 20px;
}

a {
  color: #2B2D42;
  font-weight: 500;
  -webkit-transition: 0.2s color;
  transition: 0.2s color;
}

a:hover, a:focus {
  color: #D10024;
  text-decoration: none;
  outline: none;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}

/*----------------------------*\
	Buttons
\*----------------------------*/

.primary-btn {
  display: inline-block;
  padding: 12px 30px;
  background-color: #D10024;
  border: none;
  border-radius: 40px;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.primary-btn:hover, .primary-btn:focus {
  opacity: 0.9;
  color: #FFF;
}

/*----------------------------*\
	Inputs
\*----------------------------*/

/*-- Text input --*/

.input {
  height: 40px;
  padding: 0px 15px;
  border: 1px solid #E4E7ED;
  width: 100%;
}

textarea.input {
  padding: 15px;
  min-height: 90px;
}

/*-- Number input --*/

.input-number {
  position: relative;
}

.input-number input[type="number"]::-webkit-inner-spin-button, .input-number input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-number input[type="number"] {
  -moz-appearance: textfield;
  height: 40px;
  width: 100%;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  padding: 0px 35px 0px 15px;
}

.input-number .qty-up, .input-number .qty-down {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input-number .qty-up {
  right: 0;
  top: 0;
  border-bottom: 0px;
}

.input-number .qty-down {
  right: 0;
  bottom: 0;
}

.input-number .qty-up:hover, .input-number .qty-down:hover {
  background-color: #E4E7ED;
  color: #D10024;
}

/*-- Select input --*/

.input-select {
  padding: 0px 15px;
  background: #FFF;
  border: 1px solid #E4E7ED;
  height: 40px;
}

/*-- checkbox & radio input --*/

.input-radio, .input-checkbox {
  position: relative;
  display: block;
}

.input-radio input[type="radio"]:not(:checked), .input-radio input[type="radio"]:checked, .input-checkbox input[type="checkbox"]:not(:checked), .input-checkbox input[type="checkbox"]:checked {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.input-radio label, .input-checkbox label {
  font-weight: 500;
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 5px;
  cursor: pointer;
}

.input-radio input[type="radio"]+label span, .input-checkbox input[type="checkbox"]+label span {
  position: absolute;
  left: 0px;
  top: 4px;
  width: 14px;
  height: 14px;
  border: 2px solid #E4E7ED;
  background: #FFF;
}

.input-radio input[type="radio"]+label span {
  border-radius: 50%;
}

.input-radio input[type="radio"]+label span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  background-color: #FFF;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.input-checkbox input[type="checkbox"]+label span:after {
  content: '✔';
  position: absolute;
  top: -2px;
  left: 1px;
  font-size: 10px;
  color: #FFF;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.input-radio input[type="radio"]:checked+label span, .input-checkbox input[type="checkbox"]:checked+label span {
  background-color: #D10024;
  border-color: #D10024;
}

.input-radio input[type="radio"]:checked+label span:after {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.input-checkbox input[type="checkbox"]:checked+label span:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.input-radio .caption, .input-checkbox .caption {
  margin-top: 5px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s max-height;
  transition: 0.3s max-height;
}

.input-radio input[type="radio"]:checked~.caption, .input-checkbox input[type="checkbox"]:checked~.caption {
  max-height: 800px;
}

/*----------------------------*\
	Section
\*----------------------------*/

.section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section-title {
  position: relative;
  margin-bottom: 20px;
  margin-top: 0px;
}

.section-title .title {color: #fff;
  display: inline-block;
    font-size: 28px;
  margin: 0px;
}

.section-title .section-nav {
  float: right;
}

.section-title .section-nav .section-tab-nav {
  display: inline-block;
}

.section-tab-nav li {
  display: inline-block;
  margin-right: 15px;
}

.section-tab-nav li:last-child {
  margin-right: 0px;
}

.section-tab-nav li a {
  font-weight: 700;
  color: #8D99AE;
}

.section-tab-nav li a:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #D10024;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.section-tab-nav li.active a {
  color: #D10024;
}

.section-tab-nav li a:hover:after, .section-tab-nav li a:focus:after, .section-tab-nav li.active a:after {
  width: 100%;
}

.section-title .section-nav .products-slick-nav {
  top: 0px;
  right: 0px;
}

/*----------------------------*\
	Breadcrumb
\*----------------------------*/

#breadcrumb {
  padding: 30px 0px;
  background: #FBFBFC;
  border-bottom: 1px solid #E4E7ED;
  margin-bottom: 30px;
}

#breadcrumb .breadcrumb-header {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 15px;
  text-transform: uppercase;
}

#breadcrumb .breadcrumb-tree {
  display: inline-block;
}

#breadcrumb .breadcrumb-tree li {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

#breadcrumb .breadcrumb-tree li+li {
  margin-left: 10px;
}

#breadcrumb .breadcrumb-tree li+li:before {
  content: '/';
  display: inline-block;
  color: #8D99AE;
  margin-right: 10px;
}

#breadcrumb .breadcrumb-tree li a {
  color: #8D99AE;
}

#breadcrumb .breadcrumb-tree li a:hover {
  color: #D10024;
}

/*=========================================================
	02 -> HEADER
===========================================================*/

/*----------------------------*\
	Top header
\*----------------------------*/

#top-header {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #1E1F29;
}

.header-links li {
  display: inline-block;
  margin-right: 15px;
  font-size: 12px;
}

.header-links li:last-child {
  margin-right: 0px;
}

.header-links li a {
  color: #FFF;
}

.header-links li a:hover {
  color: #D10024;
}

.header-links li i {
  color: #D10024;
  margin-right: 5px;
}


/*----------------------------*\
	Logo
\*----------------------------*/

#header {
  padding: 10px 0;
  background-color: #fff;    border-bottom: 1px solid #ebebeb;
}
div #header-buttons-container{width: fit-content !important;padding-right: 0;}
div .header-logo {position: unset; height: 100px;background-position: left;
  float: left;
}

.header-logo .logo img {
  display: block;
}

/*----------------------------*\
	Search
\*----------------------------*/

.header-search {
	text-align: center;	
}

.header-search form {margin: 0;
  position: relative;
}

.header-search form .input-select {
  margin-right: -4px;
  border-radius: 40px 0px 0px 40px;
}

.header-search form .input {
  width: calc(100% - 260px);
  margin-right: -4px;
}

.header-search form .search-btn {
  height: 40px;
  width: 100px;
  background: #FF9909;
  color: #FFF;
  font-weight: 700;
  border: none;
  border-radius: 0px 40px 40px 0px;
}

/*----------------------------*\
	Cart
\*----------------------------*/

.header-ctn {
  float: right;
 
}

.header-ctn>div {
  display: inline-block;
}

.header-ctn>div+div {
  margin-left: 15px;
  margin-bottom: 2%;
}

.header-ctn>div>a {
  display: block;
  position: relative;
  width: auto;
  text-align: center;
  color: #FFF;
}

.header-ctn>div>a>i {
  display: inline-block;
  font-size: 18px;
  color: #241b0b;
}

.header-ctn>div>a>span {
  font-size: 12px;
  font-weight: bold;
  display:inline-block;
}

.header-ctn .menu-toggle {
  display: none;
}

.product-widget.anchor-quickmenu a {margin-bottom: 10px;
  width: 100%;
}
.cart-dropdown .cart-list .product-widget {
  padding: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.cart-dropdown .cart-list .product-widget:last-child {
  margin-bottom: 0px;
}
.cart-dropdown.display_btnuser .cart-list{border-radius: 0 1rem 1rem 0;
	margin-bottom: 0px;
}
.cart-dropdown .cart-list .product-widget .product-img {
  left: 0px;
  top: 0px;
}

.cart-dropdown .cart-list .product-widget .product-body .product-price {
	color: #2B2D42;
	width: 100%;
	text-align: left;
}
/*.cart-dropdown .cart-btns {
  margin: 0px -2px -17px;
}*/

.cart-dropdown .cart-btns>a {
  display: inline-block;
  width: calc(50% - 0px);
  padding: 12px;
  background-color: #092143;
  color: #FFF;
  text-align: center;
  font-weight: 700;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.cart-dropdown .cart-btns>a:first-child {
  margin-right: -4px;
  background-color: #FF9909;
}

.cart-dropdown .cart-btns>a:hover {
  opacity: 0.9;
}

.cart-dropdown .cart-summary {
	border-top: 1px solid #ff9909;
	background: #ff9909;
	text-align: right;
	padding: 12px 22px;
  color: #fff;
}

.cart-dropdown .cart-summary h5{color: #fff;margin: 0;}
/*=========================================================
	03 -> Navigation
===========================================================*/

#navigation {
  background: #FFF;
  border-bottom: 2px solid #E4E7ED;
  border-top: 3px solid #D10024;
}

/*----------------------------*\
	Main nav
\*----------------------------*/

.main-nav>li+li {
  margin-left: 30px
}

.main-nav>li>a {
  padding: 20px 0px;
}

.main-nav>li>a:hover, .main-nav>li>a:focus, .main-nav>li.active>a {
  color: #D10024;
  background-color: transparent;
}

.main-nav>li>a:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #D10024;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.main-nav>li>a:hover:after, .main-nav>li>a:focus:after, .main-nav>li.active>a:after {
  width: 100%;
}

.header-ctn li.nav-toggle {
  display: none;
}

/*----------------------------*\
	responsive nav
\*----------------------------*/

@media only screen and (max-width: 991px) {
  .header-ctn .menu-toggle {
    display: inline-block;
  }
  #responsive-nav {
    position: fixed;
    left: 0;
    top: 0;
    background: #15161D;
    height: 100vh;
    max-width: 250px;
    width: 0%;
    overflow: hidden;
    z-index: 22;
    padding-top: 60px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
  }
  #responsive-nav.active {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    width: 100%;
  }
  .main-nav {
    margin: 0px;
    float: none;
  }
  .main-nav>li {
    display: block;
    float: none;
  }
  .main-nav>li+li {
    margin-left: 0px;
  }
  .main-nav>li>a {
    padding: 15px;
    color: #FFF;
  }
}
/*
@media (min-width:740px) and (max-width:900px) { 

  .whitepages.dashboard{
    display: flex;
  }  

 }*/


/*=========================================================
	04 -> CATEGORY SHOP
===========================================================*/
.newsletter-IndedMob .newsletter.newNews .shop{margin: 0;}
.shop {
  position: relative;
  overflow: hidden;
  margin: 15px 0px;
}

.shop:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  width: 60%;
  //background: #D10024;
  opacity: 0.9;
  -webkit-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  transform: skewX(-45deg);
}

.shop:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  width: 100%;  
  //background: #D10024;
	opacity: 0.9;
  -webkit-transform: skewX(-45deg) translateX(-100%);
  -ms-transform: skewX(-45deg) translateX(-100%);
  transform: skewX(-45deg) translateX(-100%);
}

.shop .shop-img {
  position: relative;
  background-color: #E4E7ED;

}

.shop .shop-img>img {
  width: 100%;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.shop:hover .shop-img>img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.shop .shop-body {
  position: absolute;
  top: 0;
  width: 75%;
  padding: 30px;
  z-index: 10;
}

.shop .shop-body h3 {
  color: #FFF;
}

.shop .shop-body .cta-btn {
  color: #FFF;
  text-transform: uppercase;
}

/*=========================================================
	05 -> HOT DEAL
===========================================================*/

#hot-deal.section {
  padding: 60px 0px;
  margin: 30px 0px;
  background-color: #E4E7ED;
  background-image: url('../img/hotdeal.png');
  background-position: center;
  background-repeat: no-repeat;
}

.hot-deal {
  text-align: center;
}

.hot-deal .hot-deal-countdown {
  margin-bottom: 30px;
}

.hot-deal .hot-deal-countdown>li {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  background: #D10024e6;
  text-align: center;
  border-radius: 50%;
  margin: 0px 5px;
}

.hot-deal .hot-deal-countdown>li>div {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hot-deal .hot-deal-countdown>li>div h3 {
  color: #FFF;
  margin-bottom: 0px;
}

.hot-deal .hot-deal-countdown>li>div span {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  color: #FFF;
}

.hot-deal p {
  text-transform: uppercase;
  font-size: 24px;
}

.hot-deal .cta-btn {
  margin-top: 15px;
}

/*=========================================================
	06 -> PRODUCT
===========================================================*/

/*----------------------------*\
	product
\*----------------------------*/

.product {
  position: relative;
  margin:0;
  -webkit-box-shadow: 0px 0px 0px 0px #E4E7ED, 0px 0px 0px 1px #E4E7ED;
  box-shadow: 0px 0px 0px 0px #E4E7ED, 0px 0px 0px 1px #E4E7ED;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product:hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.product .product-img {
  position: relative;
     min-height: inherit;
    height: auto;
    padding-bottom: calc(100% + 20%);
}

.product .product-img>img {
  width: 100%;
}

.product .product-img .product-label {
  position: absolute;
  top: 15px;
  right: 15px;
}

.product .product-img .product-label>span {
  border: 2px solid;
  padding: 2px 10px;
  font-size: 12px;
}

.product .product-img .product-label>span.sale {
  background-color: #FFF;
  border-color: #D10024;
  color: #D10024;
}

.product .product-img .product-label>span.new {
  background-color: #FF9909;border-radius: 30px;
    font-size: 12px;
  border-color: #FF9909;
  color: #FFF;
}

.product .product-body {
  padding: 0 12px;
  
  text-align: left;
  z-index: 20;
}
.publis_page .product .product-body{padding: 0 12px;}

.product .product-body .product-category {
  text-transform: uppercase;
  font-size: 12px;
  color: #8D99AE;
}

.product .product-name-container{background: #fff;
  width: 100%;
 
  padding: 10px 12px 6px;

}
.cardfindermain_page .products-tabs .look_cards .product .cardfinder_bodydeta table.look-card {
    margin-bottom: 5px;
}

.product .product-name-container .product-name a,.product-name a {
    color: #181818 !important;font-weight: 600;
}

.product .product-name-container .product-name, .product-name {
	text-transform: capitalize;
	font-size: 20px;
  font-weight: 600;
	color: #181818;
  margin: 0px !important;
  padding:0;
}

#index-cards-container{
  border-radius: 1rem;
  border: 1px solid black;
}

#index-product-body{
  height: auto;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0;padding-bottom: 10px;
}

#index-product-body, #index-product-body h4, #index-product-body a{
  color: #000014 !important;
}

.product .product-body .product-name>a {
  font-weight: 700;
}

.product .product-body .product-name>a:hover, .product .product-body .product-name>a:focus {
  color: #ff9909;
}

.product div#index-product-body.product-body .product-price, .product-body .product-price{
  color: #FF9909 !important;
  font-size: 18px;margin-bottom: 10px;
}
/*#index-product-body a.hypercolor { color: #f4a51c !important; }*/
.product .product-body .product-price .product-old-price {
  font-size: 10px;padding-left: 4px;
  font-weight: 400;
  color: #636b7a;
}

.product .product-body .product-rating {
  position: relative;
  margin: 15px 0px 10px;
  height: 20px;
}

.product .product-body .product-rating>i {
  position: relative;
  width: 14px;
  margin-right: -4px;
  background: #FFF;
  color: #E4E7ED;
  z-index: 10;
}

.product .product-body .product-rating>i.fa-star {
  color: #FF9909;
}

.product .product-body .product-rating:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1px;
  background-color: #E4E7ED;
}

.product .product-body .product-btns>button {
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: none;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product .product-body .product-btns>button:hover {
  background-color: #E4E7ED;
  color: #D10024;
  border-radius: 50%;
}

.product .product-body .product-btns>button .tooltipp {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -15px);
  -ms-transform: translate(-50%, -15px);
  transform: translate(-50%, -15px);
  width: 150px;
  padding: 10px;
  font-size: 12px;
  line-height: 10px;
  background: #1e1f29;
  color: #FFF;
  text-transform: uppercase;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product .product-body .product-btns>button:hover .tooltipp {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -5px);
  -ms-transform: translate(-50%, -5px);
  transform: translate(-50%, -5px);
}

.product .add-to-cart {
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  padding: 15px;
  background: #1e1f29;
  text-align: center;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  z-index: 2;
}

.product:hover .add-to-cart {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.product .add-to-cart .add-to-cart-btn {
  position: relative;
  border: 2px solid transparent;
  height: 40px;
  padding: 0 30px;
  background-color: #ef233c;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 40px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product .add-to-cart .add-to-cart-btn>i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 38px;
  color: #D10024;
  opacity: 0;
  visibility: hidden;
}

.product .add-to-cart .add-to-cart-btn:hover {
  background-color: #FFF;
  color: #D10024;
  border-color: #D10024;
  padding: 0px 30px 0px 50px;
}

.product .add-to-cart .add-to-cart-btn:hover>i {
  opacity: 1;
  visibility: visible;
}

.product .product-body span[style="color:#AD0101"] { position: absolute; top: 8px; left: 4px; background: #AD0101; color: #fff !important; padding: 2px 6px; font-size: 11px; border-radius: 30px; }

/*----------------------------*\
	Widget product
\*----------------------------*/

.product-widget {
	position: relative;
	width: 100%;
	overflow: hidden;
	display: block;
	border-bottom: 1px dashed;
}

.product-widget+.product-widget {
  margin: 30px 0px;
}

.product-widget .product-img {
	overflow: hidden;
	width: 20%;
	float: left;
}
#cart-list-dropdown .product-img{
	width:15%;
}
.product-widget .product-img>img {
  width: 100%;
}


.product-widget .product-body .product-name>a {
  font-weight: 500;
}

.product-widget .product-body .product-name>a:hover, .product-widget .product-body .product-name>a:focus {
  color: #0C18C7;
}

.product-widget .product-body .product-price {
  font-size: 14px;
  color: #0C18C7;
}

.product-widget .product-body .product-price .product-old-price {
  font-size: 70%;
  font-weight: 400;
  color: #8D99AE;
}

.product-widget .product-body .product-price .qty {
  font-weight: 400;
  margin-right: 10px;
}

.product-widget .delete {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  text-align: center;
  font-size: 10px;
  padding: 0;
  background: #1e1f29;
  border: none;
  color: #FFF;
}

.cart-dropdown.display_btnuser .product-widget{
	border-bottom:none;
}

.cart-dropdown.display_btnuser .product-widget .product-body .product-name > a{
	color:#FF9909;
}
.cart-dropdown.display_btnuser .product-widget .product-body .product-name > a:hover{
	color:#1630A3;
}
/*----------------------------*\
	Products slick
\*----------------------------*/

.products-slick .slick-list {
  padding-bottom: 60px;
  margin-bottom: -60px;
  z-index: 2;
}

.products-slick .product.slick-slide {
  margin: 15px;
}

.products-tabs>.tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow-y: hidden;
  padding-bottom: 20px;
  
}

.products-tabs>.tab-pane.active {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.products-slick-nav {
  position: absolute;
  right: 15px;
  z-index: 10;
}

.products-slick-nav .slick-prev, .products-slick-nav .slick-next {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 20px;
  height: 20px;
  display: inline-block !important;
  margin: 0px 2px;
}

.products-slick-nav .slick-prev:before, .products-slick-nav .slick-next:before {
  font-size: 14px;
}

/*=========================================================
	07 -> PRODUCTS PAGE
===========================================================*/

/*----------------------------*\
	Aside
\*----------------------------*/

.aside+.aside {
  margin-top: 30px;
}

.aside>.aside-title {
  text-transform: uppercase;
  font-size: 18px;
  margin: 15px 0px 30px;
}

/*-- checkbox Filter --*/

.checkbox-filter>div+div {
  margin-top: 10px;
}

.checkbox-filter .input-radio label, .checkbox-filter .input-checkbox label {
  font-size: 12px;
}

.checkbox-filter .input-radio label small, .checkbox-filter .input-checkbox label small {
  color: #8D99AE;
}

/*-- Price Filter --*/

#price-slider {
  margin-bottom: 15px;
}

.noUi-target {
  background-color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #E4E7ED;
  border-radius: 0px;
}

.noUi-connect {
  background-color: #D10024;
}

.noUi-horizontal {
  height: 6px;
}

.noUi-horizontal .noUi-handle {
  width: 12px;
  height: 12px;
  left: -6px;
  top: -4px;
  border: none;
  background: #D10024;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 50%;
}

.noUi-handle:before, .noUi-handle:after {
  display: none;
}

.price-filter .input-number {
  display: inline-block;
  width: calc(50% - 7px);
}

/*----------------------------*\
	Store
\*----------------------------*/

.store-filter {
  margin-bottom: 15px;
  margin-top: 15px;
}

/*-- Store Sort --*/

.store-sort {
  display: inline-block;
}

.store-sort label {
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 15px;
}

/*-- Store Grid --*/

.store-grid {
  float: right;
}

.store-grid li {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #FFF;
  border: 1px solid #E4E7ED;
  text-align: center;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.store-grid li+li {
  margin-left: 5px;
}

.store-grid li:hover {
  background-color: #E4E7ED;
  color: #D10024;
}

.store-grid li.active {
  background-color: #D10024;
  border-color: #D10024;
  color: #FFF;
  cursor: default;
}

.store-grid li a {
  display: block;
}

/*-- Store Pagination --*/

.store-pagination {
  float: right;
}

.store-pagination li {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #E4E7ED;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.store-pagination li+li {
  margin-left: 5px;
}

.store-pagination li:hover {
  background-color: #E4E7ED;
  color: #D10024;
}

.store-pagination li.active {
  background-color: #D10024;
  border-color: #D10024;
  color: #FFF;
  font-weight: 500;
  cursor: default;
}

.store-pagination li a {
  display: block;
}

.store-qty {
  margin-right: 30px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
}

/*=========================================================
	08 -> PRODUCT DETAILS PAGE
===========================================================*/

/*----------------------------*\
	Product view
\*----------------------------*/

#product-main-img .slick-prev {
  -webkit-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  transform: translateX(-15px);
  left: 15px;
}

#product-main-img .slick-next {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
  right: 15px;
}

#product-main-img .slick-prev, #product-main-img .slick-next {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

#product-main-img:hover .slick-prev, #product-main-img:hover .slick-next {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
  visibility: visible;
}

#product-main-img .zoomImg {
  background-color: #FFF;
}

#product-imgs .product-preview {
  margin: 0px 5px;
  border: 1px solid #E4E7ED;
}

#product-imgs .product-preview.slick-current {
  border-color: #D10024;
}

#product-imgs .slick-prev {
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#product-imgs .slick-next {
  top: calc(100% - 20px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#product-imgs .slick-prev:before {
  content: "\f106";
}

#product-imgs .slick-next:before {
  content: "\f107";
}

.product-preview img {
  width: 100%;
}

/*----------------------------*\
	Product details
\*----------------------------*/

.product-details .product-name {
  text-transform: uppercase;
  font-size: 18px;
}

.product-details .product-rating {
  display: inline-block;
  margin-right: 15px;
}

.product-details-card-lets .details .price {font-weight: 500;
    text-transform: capitalize;
}
.product-details-card-lets .details .price span{font-weight: 600; font-size: 28px;}

.product-details .product-rating>i {
  color: #E4E7ED;
}

.product-details .product-rating>i.fa-star {
  color: #D10024;
}

.product-details .review-link {
  font-size: 12px;
}

.product-details .product-price {
  display: inline-block;
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #D10024;
}

.product-details .product-price .product-old-price {
  font-size: 70%;
  font-weight: 400;
  color: #8D99AE;
}

.product-details .product-available {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin-left: 30px;
  color: #D10024;
}

.product-details .product-options {
  margin-top: 30px;
  margin-bottom: 30px;
}

.product-details .product-options label {
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 15px;
  margin-bottom: 0px;
}

.product-details .product-options .input-select {
  width: 90px;
}

.product-details .add-to-cart {
  margin-bottom: 30px;
}

.product-details .add-to-cart .add-to-cart-btn {
  position: relative;
  border: 2px solid transparent;
  height: 40px;
  padding: 0 30px;
  background-color: #ef233c;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 40px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product-details .add-to-cart .add-to-cart-btn>i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 38px;
  color: #D10024;
  opacity: 0;
  visibility: hidden;
}

.product-details .add-to-cart .add-to-cart-btn:hover {
  background-color: #FFF;
  color: #D10024;
  border-color: #D10024;
  padding: 0px 30px 0px 50px;
}

.product-details .add-to-cart .add-to-cart-btn:hover>i {
  opacity: 1;
  visibility: visible;
}

.product-details .add-to-cart .qty-label {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 15px;
  margin-bottom: 0px;
}

.product-details .add-to-cart .qty-label .input-number {
  width: 90px;
  display: inline-block;
}

.product-details .product-btns li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
}

.product-details .product-btns li+li {
  margin-left: 15px;
}

.product-details .product-links {
  margin-top: 15px;
}

.product-details .product-links li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
}

.product-details .product-links li+li {
  margin-left: 10px;
}

/*----------------------------*\
	 Product tab
\*----------------------------*/

#product-tab {
  margin-top: 60px;
}

#product-tab .tab-nav {
  position: relative;
  text-align: center;
  padding: 15px 0px;
  margin-bottom: 30px;
}

#product-tab .tab-nav:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background-color: #E4E7ED;
  z-index: -1;
}

#product-tab .tab-nav li {
  display: inline-block;
  background: #FFF;
  padding: 0px 15px;
}

#product-tab .tab-nav li+li {
  margin-left: 15px;
}

#product-tab .tab-nav li a {
  display: block;
  font-weight: 700;
  color: #8D99AE;
}

#product-tab .tab-nav li.active a {
  color: #D10024;
}

#product-tab .tab-nav li a:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #D10024;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

#product-tab .tab-nav li a:hover:after, #product-tab .tab-nav li a:focus:after, #product-tab .tab-nav li.active a:after {
  width: 100%;
}

/*-- Rating --*/

.rating-avg {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.rating-avg .rating-stars {
  margin-left: 10px;
}

.rating-avg .rating-stars, .rating .rating-stars {
  display: inline-block;
}

.rating-avg .rating-stars>i, .rating .rating-stars>i {
  color: #E4E7ED;
}

.rating-avg .rating-stars>i.fa-star, .rating .rating-stars>i.fa-star {
  color: #D10024;
}

.rating li {
  margin: 5px 0px;
}

.rating .rating-progress {
  position: relative;
  display: inline-block;
  height: 9px;
  background-color: #E4E7ED;
  width: 120px;
  margin: 0px 10px;
  border-radius: 5px;
}

.rating .rating-progress>div {
  background-color: #D10024;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
}

.rating .sum {
  display: inline-block;
  font-size: 12px;
  color: #8D99AE;
}

/*-- Reviews --*/

.reviews li {
  position: relative;
  padding-left: 145px;
  margin-bottom: 30px;
}

.reviews .review-heading {
  position: absolute;
  width: 130px;
  left: 0;
  top: 0;
  height: 70px;
}

.reviews .review-body {
  min-height: 70px;
}

.reviews .review-heading .name {
  margin-bottom: 5px;
  margin-top: 0px;
}

.reviews .review-heading .date {
  color: #8D99AE;
  font-size: 10px;
  margin: 0;
}

.reviews .review-heading .review-rating {
  margin-top: 5px;
}

.reviews .review-heading .review-rating>i {
  color: #E4E7ED;
}

.reviews .review-heading .review-rating>i.fa-star {
  color: #D10024;
}

.reviews-pagination {
  text-align: center;
}

.reviews-pagination li {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #E4E7ED;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.reviews-pagination li:hover {
  background-color: #E4E7ED;
  color: #D10024;
}

.reviews-pagination li.active {
  background-color: #D10024;
  border-color: #D10024;
  color: #FFF;
  cursor: default;
}

.reviews-pagination li a {
  display: block;
}

/*-- Review Form --*/

.review-form .input {
  margin-bottom: 15px;
}

.review-form .input-rating {
  margin-bottom: 15px;
}

.review-form .input-rating .stars {
  display: inline-block;
  vertical-align: top;
}

.review-form .input-rating .stars input[type="radio"] {
  display: none;
}

.review-form .input-rating .stars>label {
  float: right;
  cursor: pointer;
  padding: 0px 3px;
  margin: 0px;
}

.review-form .input-rating .stars>label:before {
  content: "\f006";
  font-family: FontAwesome;
  color: #E4E7ED;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.review-form .input-rating .stars>label:hover:before, .review-form .input-rating .stars>label:hover~label:before {
  color: #D10024;
}

.review-form .input-rating .stars>input:checked label:before, .review-form .input-rating .stars>input:checked~label:before {
  content: "\f005";
  color: #D10024;
}

/*=========================================================
	09 -> CHECKOUT PAGE
===========================================================*/

.billing-details {
  margin-bottom: 30px;
}

.shiping-details {
  margin-bottom: 30px;
}

.order-details {
  position: relative;
  padding: 0px 30px 30px;
  border-right: 1px solid #E4E7ED;
  border-left: 1px solid #E4E7ED;
  border-bottom: 1px solid #E4E7ED;
}

.order-details:before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -15px;
  height: 30px;
  border-top: 1px solid #E4E7ED;
  border-left: 1px solid #E4E7ED;
  border-right: 1px solid #E4E7ED;
}

.order-summary {
  margin: 15px 0px;
}

.order-summary .order-col {
  display: table;
  width: 100%;
}

.order-summary .order-col:after {
  content: "";
  display: block;
  clear: both;
}

.order-summary .order-col>div {
  display: table-cell;
  padding: 10px 0px;
}

.order-summary .order-col>div:first-child {
  width: calc(100% - 150px);
}

.order-summary .order-col>div:last-child {
  width: 150px;
  text-align: right;
}

.order-summary .order-col .order-total {
  font-size: 24px;
  color: #D10024;
}

.order-details .payment-method {
  margin: 30px 0px;
}

.order-details .order-submit {
  display: block;
  margin-top: 30px;
}

/*=========================================================
	10 -> NEWSLETTER
===========================================================*/
.col-md-12.btnLoad{margin: 40px 0 20px;}
.btnLoad button.load-more{width: unset;    padding: 12px 28px;    background: #f4a51c;
    border-radius: 30px;font-weight: 600}
.btnLoad button.load-more{}
#newsletter.section {
  border-top: 2px solid #E4E7ED;
  
  margin-top: 0px;
}

.newsletter {
  text-align: center;
  margin-bottom: 2%;
}

.newsletter p {
  font-size: 24px;
}

.newsletter form {
  position: relative;
  max-width: 520px;
  margin: 30px auto;
}

.newsletter form:after {
  content: "\f003";
  font-family: FontAwesome;
  position: absolute;
  font-size: 160px;
  color: #ff990914;
  top: 15px;
  -webkit-transform: translateY(-50%) rotate(15deg);
  -ms-transform: translateY(-50%) rotate(15deg);
  transform: translateY(-50%) rotate(15deg);
  z-index: -1;
  left: -90px;
}

.newsletter form .input {
  width: calc(100% - 160px);
  margin-right: -4px;
  border-radius: 40px 0px 0px 40px;
  border-color: #FF9909;
  font-size:16px;
}
.newsletter-IndedMob .newsletter.newNews {padding: 30px 0 35px;
    margin: 0;
    width: 100%;
}
.newsletter form .newsletter-btn {
  width: 140px;
  height: 40px;
  font-weight: 500;
  background: #f4a51c;
  color: #FFF;
  border: none;
  border-radius: 0px 40px 40px 0px;
  vertical-align: bottom;    font-size: 18px;
}
.newsletter form .newsletter-btn:hover {
    background: #e09209;
}
.signupNp{color: #f4a51c;}
.newsletter .newsletter-follow {
  text-align: center;
}

.newsletter .newsletter-follow li {
  display: inline-block;
  margin-right: 5px;
}

.newsletter .newsletter-follow li:last-child {
  margin-right: 0px;
}

.newsletter .newsletter-follow li a {
  position: relative;
  display: block;
  text-align: center;
  letter-spacing: 10px;
  background-color: #FFF;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.newsletter .newsletter-follow li a:hover, .newsletter .newsletter-follow li a:focus {
  color: #fff; background: #eb8a01;
}
.textcenter{text-align:center;}
.sec-margin{margin: 2% 0;}
/*=========================================================
	11 -> FOOTER
===========================================================*/

#footer {
  background: #092143;
    color: #ffffff;
}
/*
#bottom-footer {
  background: #1E1F29;
}*/

.footer {
  margin: 30px 0px;
}

.footer .footer-title {
  color: #FFF;
  text-transform: uppercase;
  font-size: 18px;
  margin: 0px 0px 14px;
  
}
footer .copyright{
	color:#fff!important;
}
.footer-links li+li {
  margin-top: 16px;
}
.footer p{font-size: 16px;}
.footer-links li a {font-size: 16px;
  color: #fff!important;
}

.footer-links li i {
  margin-right: 8px;
  color: #FF9909;
  width: 14px;
  text-align: center;
}

.footer-links li a:hover {
  color: #FF9909 !important;
}

.copyright {
  margin-top: 30px;
  display: block;
  font-size: 12px;
}

.footer-payments li {
  display: inline-block;
  margin-right: 5px;
}

.footer-payments li a {
  color: #15161D;
  font-size: 36px;
  display: block;
}


footer#footer.only_mobile ul.footer-links li i.fa {color: unset; border-radius: 50px;outline: none; display: flex; align-items: center; justify-content: center;font-size: 16px; margin: 0 auto 0px; width: 33px; height: 33px;}
footer#footer.only_mobile ul.footer-links li:first-child i.fa { font-size: 18px;}
footer#footer.only_mobile a.footer_more.active i{background: #f4a51c; color: #fff !important;}
footer#footer.only_mobile ul.footer-links li { margin: 0;outline: none;}
footer#footer.only_mobile ul.footer-links { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 0px;}
footer#footer.only_mobile .footer .footer-title{text-align: center; width: 100%;}
footer#footer.only_mobile {padding: 6px 0 2px;border-top: 0px solid #0f305e; border-radius:0;background: #03142c;position: fixed;bottom: 0;z-index: 999;}
/*footer#footer.only_mobile:before { content: ''; background: #fff; height: 40px; width: 100%; position: absolute; top: -10px; border-radius: 0 0 40px 40px; }*/
footer#footer.only_mobile .footer { margin-top: 0;}
footer#footer.only_mobile .copyright { margin-top: 0px;    color: #979797!important;}
footer#footer.only_mobile div#bottom-footer{min-height: auto;}
/*footer#footer.only_mobile li.activeToggle .dropdown-footer{display: block !important;}*/
footer#footer.only_mobile .dropdown-footer { position: absolute; width: fit-content; background: #03142c; right: 0; transform: translate(0, -96%); top: -50%; padding: 15px 20px; border-radius: 8px;border: 1px solid #022556;z-index: 95;max-height: 70vh; overflow-y: scroll;display: none ;}
footer#footer.only_mobile li.activeToggle.dropdown-footer { display: block !important;}
footer#footer.only_mobile .dropdown-footer li a { display: flex; padding: 3px 0; font-size: 14px !important;}
footer#footer.only_mobile .dropdown-footer li a i { width: auto !important; height: auto !important; margin: 0 15px 0 0!important;}
footer#footer.only_mobile .dropdown-footer h3.footer-title { text-align: left; margin: 15px 0 5px;font-size: 16px;}
footer#footer.only_mobile a.footer_more.active {color: #FF9909 !important;}
/*footer#footer.only_mobile ul.footer-links li a:hover i.fa { color: #FF9909}*/
/*footer#footer.only_mobile a.footer_more.active i{color: #fff !important;}*/
footer#footer.only_mobile a.btn.btn-primary { background: #f4a51c; border: 0; padding: 10px 16px; border-radius: 30px; }
footer#footer.only_mobile a.btn.btn-primary:hover{background: #d58906; color: #fff !important;}
footer#footer.only_mobile .footer-links li a{font-size: 13px;display: grid; text-align: center;}
footer#footer.only_mobile .col-md-3.col-xs-6{width: 100%;}
footer#footer.only_mobile .dropdown-footer .sidebar-panel h5 { color: #fff;padding-right: 30px; font-weight: 500;font-size: 15px;}
footer#footer.only_mobile .dropdown-footer .sidebar-panel h5:after { position: absolute; content: "\f107"; font: normal normal normal 14px/1 FontAwesome; right: 0px;  font-size: 20px;}
footer#footer.only_mobile .dropdown-footer .sidebar-section { margin: 10px 0;}
footer#footer.only_mobile .dropdown-footer .sidebar-section ul.menu li a {text-align: left; background: transparent; font-size: 15px !important; padding: 5px 0;}
footer#footer.only_mobile .dropdown-footer .sidebar-section ul.menu { padding: 10px; background: #092143;}
footer#footer.only_mobile .dropdown-footer .auctionItem {display: flex; justify-content: space-between;}


.newsletter.newNews i {
    font-size: 18px;
}
.newsletter form .newsletter-btn i {
    margin-right: 6px;
}
.newsletter-IndedMob .newsletter.newNews p.signupNp {
    font-size: 32px;}
    .newsletter .newsletter-follow li a i{padding-left: 10px;}
.newsletter .newsletter-follow li a{
    background: #f4a51c;
    width: 40px;
    height: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}    
/*=========================================================
	12 -> SLICK STYLE
===========================================================*/

/*----------------------------*\
	Arrows
\*----------------------------*/

.slick-prev, .slick-next {
  width: 40px;
  height: 40px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  border-radius: 50%;
  z-index: 22;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  background-color: #D10024;
  border-color: #D10024;
}

.slick-prev:before, .slick-next:before {
  font-family: FontAwesome;
  color: #2B2D42;
}

.slick-prev:before {
  content: "\f104";
}

.slick-next:before {
  content: "\f105";
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  color: #FFF;
}

.slick-prev {
  left: -20px;
}

.slick-next {
  right: -20px;
}

/*----------------------------*\
	Dots
\*----------------------------*/

.slick-dots li, .slick-dots li button, .slick-dots li button:before {
  width: 10px;
  height: 10px;
}

.slick-dots li button:before {
  content: "";
  opacity: 1;
  background: #E4E7ED;
  border-radius: 50%;
}

.slick-dots li.slick-active button:before {
  background-color: #D10024;
}

.custom-dots .slick-dots {
  position: static;
  margin: 15px 0px;
}

/*=========================================================
	13 -> RESPONSIVE
===========================================================*/

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

@media only screen and (max-width: 991px) {
  #top-header .header-links.pull-left {
    float: none !important;
  }
  #top-header .header-links.pull-right {
    float: none !important;
    margin-top: 5px;
  }
  .header-logo {
    float: none;
    text-align: center;
  }
  .header-logo .logo {
    display: inline-block;
  }
  #product-imgs {
    margin-bottom: 60px;
    margin-top: 15px;
  }
  #rating {
    text-align: center;
  }
  #reviews {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title .section-nav {
    float: none;
    margin-top: 10px;
  }
  .section-tab-nav li {
    margin-top: 10px;
  }
  .cart-dropdown{
    width: 346px;
  }
  #newest-cards-tab{
    padding: 0 !important;
  }
}

@media only screen and (max-width: 480px) {
  [class*='col-xs'] {
    width: 100%;
  }
  .store-grid {
    float: none;
    margin-top: 10px;
  }
  .store-pagination {
    float: none;
    margin-top: 10px;
  }
  .trad-imgtext-com{
    flex-direction: row;
    align-items: center;
  }
  .tbl-tabtrade .imgwrap{
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  
.image1
	{
		width: 100%;
	} 
  .trad-imgtext-com{
    flex-direction: row;
    align-items: center;
  }
  .tbl-tabtrade .imgwrap{
    margin-bottom: 1rem;
  }

  .container.topratedcard_container { width: 100%; margin: 0; overflow: hidden; }
  .topratedcard_container div#owl-demo.owl-loaded{margin: 0;}
  .topratedcard_container .topratedcard { margin: 20px 0 10px; }
  .topratedcard_container .owl-carousel .owl-item{overflow: hidden;}
  .topratedcard_container #owl-demo .owl-item .item{height: 300px;}
  .topratedcard_container #owl-demo .owl-item .item img{height: 100% !important;}
  .topratedcard_container .product-label span.new {padding: 4px 8px;border-radius: 30px; font-size: 12px;}
  .topratedcard_container #owl-demo .product-label{right: 10px; top: 10px;}
  div.cards_maincontainer { margin-top: 40px;}
  .footer { margin: 30px 0px 6px;}
  footer#footer ul.footer-payments{text-align: left;}




}

/*********** edit by sukhdeep  ******************/

.btnsame {
    background: #FF9909;
    color: #fff;
   
}

.btnsame:hover{
	color: black;
	background-color: white;
	border:1px solid #FF9909;
}

.product-body h3 {
    margin: 0;
}
.carduserDetails input,.carduserDetails textarea{border:1px solid #15161D;}
.btn.btnuserdetails {
    background: #D10024;
    color: #fff;
    border: 1px solid #D10024;
    font-weight: bold;
}
.btnwrap {
    width: 6%;
    margin: 0 auto;
    margin-top: 2%;
}
.logoWrap{width:72%;}
.fadynamic-angle{
	padding: 0 0 0 4px;
	vertical-align: middle;
}
.header-ctn .dropdown {
    cursor: pointer;
}

/*********  Dashboard ***********/

.contDash{
	background: #fff;
	padding-bottom: 30px;}
  
.whitepages h1 {
    margin: 0;
    padding: 30px 0 10px !important;
    text-align: left;
}
.contDash-details .whitepages.dashboard h1.productDets_title {
    padding: 40px 0 !important;
}
.whitepages.dashboard .dashboardpanel {border-radius: 8px; padding: 0; border: 1px solid #ddd; margin: 0 0 10px; width: 100%;    background-color: #ffffff;}
.HeadWrp {
    width: 100%;
    overflow: hidden;
    display: inline-block;
}
.whitepages.dashboard .dashboardpanel h5 {font-size: 18px;
	font-weight: bold;
	padding: 12px 15px;
	background: #092143;
	border-bottom: 1px solid #092143;color: #fff;
      border-radius: 8px 8px 0 0;
}
.section {
    clear: both;
    padding: 0 5px;
    font-size: 90%;
    min-height: 40px;
}
.dashbord-section{
	margin-bottom: 2%;
}
.section ul.menu {
    margin: 5px;
}
.whitepages.dashboard .dashboardpanel a {
    text-decoration: none;
}
.section ul.menu li a {
    display: block;
    padding: 5px;
    background-color: #FFF;
	color: #00139C;
}
.auctionItem a {
    color: #fff !important; background: #f4a51c; width: fit-content; padding: 4px 14px !important; border-radius: 30px; font-size: 14px !important; margin: 18px 0 8px;
}
.auctionItem a:hover{opacity: 0.8;}
.section ul.menu li a:hover {
    display: block;
    padding: 5px;
    border-bottom-color: #fff;
    border-top-color: #fff;
    background-color: #f1f1f1;
}
.supersized {
    color: #072;
    font-size: 250%;
    line-height: 40px;
    text-align: center;
    display: block;
}

.dashboardpanel p.footer {
	clear: both;
	background-color: #f4f4f4;
	padding: 5px;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
}
.dashboardpanel p.footer a{
	color: #00139C;
}
.right {
    text-align: right;
}
.whitepages.dashboard .dashboardpanel p.footer {
    clear: both;
    background-color: #f4f4f4;
    padding: 5px;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
}
.HeadWrp h5:nth-child(1) {
    width: 77%;
    display: inline-block;
}
.HeadWrp h5:nth-child(2) {
    width: 10%;
    display: inline-block;
	text-align: center;
}
.HeadWrp h5:nth-child(3) {
    width: 13%;
    display: inline-block;
}
.inlist-price {
    width: 10%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.inlist-action {
    width: 12%;
    display: inline-block;
    vertical-align: top;
}
.inlist-action .fa.fa-pencil {
    color: green;
    font-size: 16px;
	padding-right: 6px;
}
.inlist-action .fa.fa-trash {
    color: red;
    font-size: 16px;
}
.table_list .fa.fa-pencil {
    color: green;
    font-size: 16px;
	padding-right: 6px;
}
.table_list .fa.fa-trash {
    color: red;
    font-size: 16px;
}
.table_listings thead{
	background: #fff;
	color:#ffa500;
}
.personal_transaction .dashboardpanel .table_listings thead{ background: #f4a51c;color: #ffffff;}
div.whitepages.personal_transaction .table_responsive{border: 0; border-radius: 12px 12px 0 0;    overflow: hidden;}
.inlist-des {
    width: 77%;
    display: inline-block;
    text-align: justify;
}

.section.section-border {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
.dropdown-backdrop{z-index: 0 !important;}

.maincontent{
	float:right;
}
.sent-cardwrap,.receive-cardwrap {
    width: 96%;
    margin: 0 auto;
}
.sentCarddiv .alert,.recieveCarddiv .alert{
	margin-bottom: 10px;
}

.notifications_listpage .readmsg {color: #181818; background-color: #fff9f1; border-color: #fdedd6;font-weight: 400;}
.notifications_listpage .unreadmsg { background: #ffdfb5; color: #181818; border-color: #fbcb8b; font-weight: 600;}
.notifications_listpage .sentCarddiv .solddate{font-size: 16px; color: #181818;}
.notifications_listpage article.col-md-9.maincontent{margin-bottom: 40px;}
.notifications_listpage ul.tabs_notification {display: flex; align-items: center; margin-bottom: 0px; padding: 5px 20px 0;}
.notifications_listpage ul.tabs_notification li { padding: 8px 30px; border-radius: 20px 20px 0 0; color: #f4a51c;  margin-right: 15px; cursor: pointer;    background: #fff; color: #f4a51c; border: 1px solid #f4a51c;}
.notifications_listpage ul.tabs_notification li.activetrds{ background: #f4a51c; color: #fff;}
.notifications_listpage ul.tabs_notification li:hover{background: #e1930c; color: #fff;}
.notifications_listpage .sent-cardwrap { border: 1px solid #ddd; padding: 15px; border-radius: 0 12px 12px 12px;margin-bottom: 40px;}

.colorinTxt {
    color: #000;
}
.product-des {
    text-align: justify;
    line-height: 14px;
}
.team-list li,.category-list li {
    line-height: 22px;
}
.category-wrap{
	margin-top: 12%;
	display: inline-block;
}
.Btncolor{background:#FF9909 !important;border: 1px solid #FF9909 !important;}
.yearwrap{
	margin-bottom:10%;
}
.header-search .input:focus,.header-search .select:focus {
    outline: none !important;
	border:1px solid #FF9909;
	box-shadow: 0 0 10px #FF9909;
}
input:focus {
    outline: none !important;
	border:1px solid #FF9909 !important;
}
select:focus{
    border-color: #FF9909 !important;
    outline:none;
}

.table_responsive table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.table_responsive table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.table_responsive  table tr {
  border: 1px solid #ddd;
  padding: .35em;
}

.table_responsive table th,
.table_responsive table td {
  padding: .625em;
  text-align: center;
}
}

.table_responsive table th {
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
}


.col-md-12.cardsshow-wrap .img img {
    width: 100%;
}
.hfsize{font-size:16px;}

.search_wrapper {
    width:88%;
    margin: 0 auto;
    padding: 20px 0 8px 0;
}

.search_wrapper .form-group{
	margin-left: 14px;
}

.frm-inline .form-group {
    width: 14%;
    display: inline-block;
}
.form-group.auto-fgroup {width: 8%;}
.auto-fgroup label{display: block;}
.autocheck_srch {width: 14%;height: 16px;}
.section-srh {
    width: 100%;
    background: #092143;
}
.section-srh label{color: #fff;}
.dropdown.dpuser .fa-user {
    font-size: 25px;
}
.products-tabs .look_cards a .product { width: 100%; border-radius: 8px; padding: 10px 15px; border: 1px solid #eee !important; box-shadow: unset;}
.products-tabs .look_cards a .product .product-body {padding: 0;}
.section.ilook_user_page .products-tabs .look_cards a .product {width: 100%;padding: 15px;}
div.products-tabs .look_cards a .product:hover{box-shadow: unset;    background: #f4a51c; color: #fff;}
div.products-tabs .look_cards a .product:hover th, div.products-tabs .look_cards a .product:hover td {
    color: #fff;
}
div.products-tabs .look_cards a .product:hover h4 {color: #fff;}
.products-tabs .look_cards a .product h4.mar-b { margin-bottom: 8px; }
.section-srh select.form-control, .section-srh .btn.btnsame, .section-srh span.twitter-typeahead input{ border-radius: 30px !important; }
.section-srh .tt-suggestion.tt-is-under-cursor{background: #f4a51c;}
.products-tabs .look_cards .product table.look-card th { color: #f4a51c; font-weight: 600; }
.products-tabs .look_cards .product table.look-card td, .products-tabs .look_cards .product table.look-card th {margin-bottom: 5px;   display: inline-flex;}
.cardfindermain_page .products-tabs .look_cards .product:hover{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.cardfindermain_page .products-tabs .look_cards .product .cardfinder_bodydeta table.look-card tr th { min-width: 55px;}

.products-tabs .look_cards a .product .product-body table.look-card tr th {
    min-width: 52px;
}
.products-tabs .look_cards .product table.look-card td {
    margin-left: 10px;
}
.dropdown.dpcart .fa-shopping-cart {
    font-size: 25px;
}
.btn-look {
	background-color: #FF9909;
	border: none;
	color: white;
	padding: 12px 16px;
	font-size: 12px;
	cursor: pointer;
	width: 50%;
	border-radius: 25px;
}

.btn-look:hover {
  background-color: #fff;
  border:2px solid #FF9909;
  color:#000;
}
#spinner {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/loader/loader_gif.gif') 50% 50% no-repeat #000000;
    opacity: 0.8;
    display: none;
}
.display_btnuser .product-body{width:100%;}
span.notification-icon {
	position: absolute;
	left: -35px;
	top: 5px;
}
span.notification-icon img {
	width: 24px;
	height: 22px;
	display: inline-block;
}
.Not-msgdis{display:none;}
.Not-msgdis {
	min-height: 125px;
	width: 230px;
	position: absolute;
	left: -148px;
	text-align: justify;
	top: 27px;
	border: 1px dashed #FF9909;
	padding: 4px 7px;
	overflow: hidden;
	background: #fff;
	z-index: 9;
	max-height: 125px;
    overflow-y: scroll;
}
.Not-msgdis li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

.mt-px{margin-top:8px;}
.animate-charcter{
   text-transform: uppercase;
	background-image: linear-gradient(
		-225deg,
		#231557 0%,
		#44107a 29%,
		#ff1361 67%,
		#fff800 100%
	);
	background-size: auto auto;
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 2s linear infinite;
	display: inline-block;
	font-size: 12px;
}

@keyframes textclip {
  to {
	background-position: 200% center;
  }
}

.imgwrap img {
  width: 100%;
  height: auto;
}

.imgwrap:hover{
  transform: scale(1.1);
}



.tbl-solditem .imgwrap img {width: 100%;height: 70px;}
.card-user-tdimg-txt .imgwrap img{height: auto;}


/***********  Toggel button css  start ***************/
	
.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 22px;
  top: 0px;
}

.switch input {display:none;}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 30px;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 11px;
  width: 11px;
  left: 10px;
  bottom: 6px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
      border-radius: 2px;
}

.switch input:checked + .slider {    border-radius: 30px;
  background-color: #2ab934;
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.switch .on
{
  display: none;
}

.switch .on
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 52%;
  left: 40%;
  font-size: 12px;font-weight: 400;
  font-family: 'Roboto', sans-serif;
}

.switch .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 52%;
  left: 50%;
  font-size: 12px;font-weight: 400;
 font-family: 'Roboto', sans-serif;
}
.switch input:checked+ .slider .on
{display: block;}

.switch input:checked + .slider .off
{display: none;}
.list-menu-ul {
    list-style: none;
}
/*************  End  ******************/

.selling_card_coll {
	color: #213984;
    animation: fadeIn 2.5s linear forwards;
    font-size: 23px;
}

.edit-pr-user {
    display: inline-block;
    border-radius: 60px;
    box-shadow: 0 0 2px #FF9909;
    padding: 0.5em 0.6em;
    cursor: pointer;
    color: green;
    font-size: 13px;
    margin-right: 6px;
}
.edit-pr-user:hover{opacity: 0.8;}
.look-imgwrap-header{
  width: 70%;
  display: inline-block;
  position: relative;
  height: 40px;
}

.dropdown.dpcart {
  vertical-align: top;
  top: 17px;
}
/***********  Media query *****************/
@media only screen and (max-width: 600px){
	.card.cardlogin,.card.cardRegister{
		width: 100%;
	}
	.ofer-img-wrap div{
		margin-bottom: 28px;
	}
  .trad-imgtext-com{
    flex-direction: row;
    align-items: center;
  }
  .tbl-tabtrade .imgwrap{
    margin-bottom: 1rem;
  }

  .whitepages h1 {
    margin: 0;
    padding: 52px 0 25px;
    text-align: left;
}
  #my-purchases-history{
    width: 100%;
  }
	
}

@media screen and (max-width: 739px) {
  .table_responsive table {
    border: 0;
  }

  .table_responsive table caption {
    font-size: 1.3em;
  }
  
  .table_responsive table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .table_responsive table tr {
    display: flex;
    margin-bottom: .625em; flex-direction: column;
  }
  
  .table_responsive table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 14px;
    text-align: right;
  }
  
	.trade-hide-mb {
	  display: none !important;
	}
  
	.wrap-tradeimg.hide-trade-desk {
	  display: block !important;
	}
	
	
	.trad-imgtext-com{width: 100%;display: flex;}
	.tbl-tabtrade .imgwrap{width: 24%;}
	.tbl-tabtrade .txtwrap{width: auto;}
	.tbl-tabtrade .imgwrap img{width: 100%;height: auto;}

  .table_responsive table td::before {
    float: left;
    font-weight: bold;
	color:#ffa500;
  }
  
  .table_responsive table td:last-child {
    border-bottom: 0;
  }
  
	table.listing-card-table td:nth-of-type(1):before { content: "My Listings"; }
	table.listing-card-table td:nth-of-type(2):before { content: "Price"; }
	table.listing-card-table td:nth-of-type(3):before { content: "Action"; }
	
	.table_withdrawal_listings td:nth-of-type(1):before { content: "Credit amount"; }
	.table_withdrawal_listings td:nth-of-type(2):before { content: "Withdrawal amount"; }
	.table_withdrawal_listings td:nth-of-type(3):before { content: "Date"; }
	.table_withdrawal_listings td:nth-of-type(4):before { content: "Action"; }
	
	
	.trade_tab_table td:nth-of-type(1):before { content: "Confirm Trades"; }
	.trade_tab_table td:nth-of-type(3):before { content: "Send/Received"; }
	.trade_tab_table td:nth-of-type(4):before { content: "Dated"; }
	.trade_tab_table td:nth-of-type(5):before { content: "Ticket#"; }
	.trade_tab_table td:nth-of-type(6):before { content: "Action"; }
	
	.trade_tab_table_process td:nth-of-type(1):before { content: "Processing Trades"; }
	.trade_tab_table_process td:nth-of-type(3):before { content: "Send/Received"; }
	.trade_tab_table_process td:nth-of-type(4):before { content: "Dated"; }
	.trade_tab_table_process td:nth-of-type(5):before { content: "Ticket#"; }
	.trade_tab_table_process td:nth-of-type(6):before { content: "Action"; }
	
	.trade_tab_table_reject td:nth-of-type(1):before { content: "Rejected Trades"; }
	.trade_tab_table_reject td:nth-of-type(3):before { content: "Send/Received"; }
	.trade_tab_table_reject td:nth-of-type(4):before { content: "Dated"; }
	.trade_tab_table_reject td:nth-of-type(5):before { content: "Ticket#"; }
	.trade_tab_table_reject td:nth-of-type(6):before { content: "Action"; }
	
	
	.ilook-table-card td:nth-of-type(1):before { content: "Team"; }
	.ilook-table-card td:nth-of-type(2):before { content: "Sports"; }
	.ilook-table-card td:nth-of-type(3):before { content: "Player"; }
	.ilook-table-card td:nth-of-type(4):before { content: "Year"; }
	.ilook-table-card td:nth-of-type(5):before { content: "Notes"; }
	.ilook-table-card td:nth-of-type(6):before { content: "Action"; }
	.ilook-table-card .notes_over{text-align: right;}
	
	.content-confirm-card-tbl td:nth-of-type(1):before { content: "Confirm Cards"; }
	.content-confirm-card-tbl td:nth-of-type(2):before { content: "Send/Received"; }
	.content-confirm-card-tbl td:nth-of-type(3):before { content: "Ticket#"; }
	.content-confirm-card-tbl td:nth-of-type(4):before { content: "Action"; }
	
	.content-reject-card-tbl td:nth-of-type(1):before { content: "Rejected Cards"; }
	.content-reject-card-tbl td:nth-of-type(2):before { content: "Send/Received"; }
	.content-reject-card-tbl td:nth-of-type(3):before { content: "Ticket#"; }
	.content-reject-card-tbl td:nth-of-type(4):before { content: "Action"; }
	
	.content-processing-card-tbl td:nth-of-type(1):before { content: "Processing Cards"; }
	.content-processing-card-tbl td:nth-of-type(2):before { content: "Send/Received"; }
	.content-processing-card-tbl td:nth-of-type(3):before { content: "Ticket#"; }
	.content-processing-card-tbl td:nth-of-type(4):before { content: "Action"; }
	
	.tbl-purchase-card-oth td:nth-of-type(1):before { content: "Purchase Items"; }
	.tbl-purchase-card-oth td:nth-of-type(2):before { content: "Purchase from"; }
	.tbl-purchase-card-oth td:nth-of-type(3):before { content: "Status"; }
  .tbl-purchase-card-oth td:nth-of-type(4):before { content: "Dated"; }
  .tbl-purchase-card-oth td:nth-of-type(5):before { content: "Action"; }
	.tbl-purchase-card-oth tr{border-bottom-color: #FF9909 !important;}
	
	
	.tbl-solditem td:nth-of-type(1):before { content: "Sold Items"; }
	.tbl-solditem td:nth-of-type(2):before { content: "Purchased"; }
  .tbl-solditem td:nth-of-type(3):before { content: "Transaction ID"; }
	.tbl-solditem td:nth-of-type(6):before { content: "Action"; }
	.content-soldtr td:nth-of-type(1):before { content: ""; }
	
	#transaction-table td:nth-of-type(1):before { content: "ID"; }
	#transaction-table td:nth-of-type(2):before { content: "User"; }
	#transaction-table td:nth-of-type(3):before { content: "Credit Amount"; }
	#transaction-table td:nth-of-type(4):before { content: "Debit Amount"; }
	#transaction-table td:nth-of-type(5):before { content: "Transaction Date"; }
	#transaction-table td:nth-of-type(6):before { content: "Transaction Type"; }
	#transaction-table td:nth-of-type(7):before { content: "Description"; }
	
	 
  .personal_transaction td:nth-of-type(1):before {content: "Debit Amount :";}
  .personal_transaction td:nth-of-type(2):before {content: "Credit Amount :";}
  .personal_transaction td:nth-of-type(3):before {content: "Amout Type :";}
  .personal_transaction td:nth-of-type(4):before {content: "Date :";}


	.ship_status{text-align: center;margin-top: 6%;}
	#ship-status-change3{text-align: left;}#ship-track-form3{text-align: left;}
	.sold_card_imgwrap{display: flex;width: 100%; align-items: center;}.tbl-solditem .imgwrap img{height:auto;}
		
	
	.banner-pop-cslot{width:100% !important;}
	
	.card-user-tdimg-txt {
	  display: flex;
	  width: 100%;
	}
	
	.card-user-tdimg-txt .imgwrap{width: 14%;}.card-user-tdimg-txt .imgwrap img{height: auto;}
	.card-user-tdimg-txt .txtwrap{width:85%;}
	.maincontent {
		float: unset;
	}
	
	.ofer-img-wrap div{
		display: table-cell;
	}
	.offer-img1, .offer-img2 {
		width: auto;
		height: auto;
	}
}


@media only screen and (max-width: 991px) and (min-width: 740px)  {
	.table_listings thead th:nth-child(1){
		text-align:left;
	}

	table.table_listings tbody td:nth-child(1) {
		text-align: left;
	}
	
	.imgwrap {
		width: 24%;
		float: left;
	}
	.txtwrap {
		width: 76%;
		float: left;
		padding-left: 4px;
	}
	.col-md-9 {
	  width: 75%;
	}
	.imgwrap img {
		width: 100%;
	}
}

@media only screen and (min-width: 992px){
	.table_listings thead th:nth-child(1){
		text-align:left;
	}

	table.table_listings tbody td:nth-child(1) {
		text-align: left;
	}
	
	.imgwrap {
		width: 24%;
		float: left;
	}
	.txtwrap {
		width: 76%;
		float: left;
	}
}




.wishlilst-card {
    border-radius: 60px;
    padding: 0.6em 0.6em;
    cursor: pointer;
    font-size: 13px;
    margin: 0 5px 10px 0 !important;
   border: 1px solid #f4a51c;background: #fff;display: flex;
    align-items: center;width: 34px !important; height: 34px;
    justify-content: center;    width: max-content;     position: absolute;
    right: 20px;
    top: 20px;
  }

  .wishlilst-card:hover{opacity: 0.8;}

.wishlilst-card i.fa {
    padding-top: 2px;
}

  .wishlilst-card.color-wa { background: #f4a51c; }

  .color-wg i{color:#fff !important;}
  .color-wa{color:red;}
    #exzoom{width: 345px;}
  .containerZoom {width: 100%;}
    .hidden { display: none; }
  .modal-body.chatForm .input-group.form-group{width:100%}
  textarea#message{height: 150px;}
  .form-contact-card{width: 80%;margin: 0 auto;}
  .animate-charcter{
     text-transform: uppercase;
    background-image: linear-gradient(
      -225deg,
      #231557 0%,
      #44107a 29%,
      #ff1361 67%,
      #fff800 100%
    );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    font-size: 14px;
  }

  @keyframes textclip {
    to {
    background-position: 200% center;
    }
  }
  .edit-pr-user i{color: green;box-shadow: none;}
  .class-fmark{width: 54px;height: 54px;cursor: pointer;padding: 6px;border-radius: 50%;background: #FF9909;float: right;}
  .class-fmark:hover{opacity: 0.8;}
  .details .action {width: 100%;}.hypercolor{color:#FF9909;}
  .product-des ul li{display: inline-block;margin-right: 12px;font-size: 16px;line-height: 1.5;}
  .product-des{width: 100%;margin-bottom: 5px;}
  .product-details-card-lets .details {background: #fff;padding-left: 0;}


/*new*/
.pl-0{padding-left: 0 !important;}
.pr-0{padding-right: 0 !important;}
.pt-3{padding-top: 30px !important;}
.pt-2{padding-top: 20px !important;}
.mb-2{margin-bottom: 20px !important;}
.mb-05{margin-bottom: 15px !important;}
.mb-0{margin-bottom: 0 !important;}
.w-100{width: 100% !important;}
.float-left{float: left;}
.mx-0{margin-right: 0 !important; margin-left: 0 !important;}

::-webkit-scrollbar {width: 5px;background: #ebebeb;height: 5px;}
::-webkit-scrollbar-thumb{background: #092143;}
.topratedcard { margin: 40px 0 10px; padding: 0; }
.owl-carousel .owl-stage-outer{margin: 0 20px;}
/*div#owl-demo.owl-loaded{margin: 18px;}*/
.topratedcard_container .row{width: 100%;}
.topratedcard_container .owl-carousel .owl-item{border-radius: 12px;}
div#owl-demo.owl-loaded .product-label span.new {padding: 4px 7px; border-radius: 30px; font-size: 12px;}
div#owl-demo.owl-loaded .product-label{right: 10px; top: 15px;}
div#owl-demo.owl-loaded .owl-stage .owl-item img { border-radius: 12px; position: absolute; top: 0; left: 0; width: 100%; object-fit: cover;}
footer#footer ul.footer-payments i {color: #fff;}
footer#footer ul.footer-payments i:hover {color: #c1c1c1;}
div#owl-demo.owl-loaded .owl-item img{width: 100%; height: 100%;}
div.whitepages.dashboard aside, .whitepages.dashboard aside{ background: #092143 !important;border-radius: 0 12px 12px 0;padding: 0 15px 30px; margin-bottom: 20px;}
article.col-md-9.maincontent aside.lg-side {border-radius: 12px;width: 100% !important;}

.container.topratedcard_container{overflow: hidden;}

.whitepages.dashboard aside .inbox-head{background: transparent;
    padding: 20px 0;}
.whitepages.dashboard aside .inbox-head h3{color: #fff;font-weight: 400;}
.whitepages.dashboard aside .inbox-body{padding: 0;}
.whitepages.dashboard aside .inbox-body tr.goto-sentMessage, .whitepages.dashboard aside .inbox-body tr.gotoMessage{ color: #fff;}
.whitepages.dashboard aside .inbox-body tr.goto-sentMessage:hover, .whitepages.dashboard aside .inbox-body tr.gotoMessage:hover{ background-color: #05162e;}
.whitepages.dashboard aside .inbox-body table.table{border-top: 0;}
.whitepages.dashboard aside h1.center {font-size: 30px;line-height: 1.2;color: #fff;}
.whitepages .sidebar-section a {    font-size: 15px;
    font-weight: 400;
    color: #fff;
}
/*.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	
    font-size: 12px;
}*/
.whitepages .sidebar-panel h5 {font-size: 16px; font-weight: 600; padding: 13px 0;margin-bottom: 5px; color: #fff; cursor: pointer;}
.whitepages .sidebar-panel h5:hover {color: #f4a51c;}
.whitepages .sidebar-panel h5:after {position: absolute; content: "\f107"; font: normal normal normal 14px/1 FontAwesome;
    right: 10px; font-size: 20px;}
.whitepages .sidebar-panel.activeToggle h5:after {content: "\f106";}
.whitepages.dashboard aside .cardsshow-wrap { padding: 0;}
 .whitepages .sidebar-section a:hover, .whitepages .sidebar-section a.active{color: #f4a51c;}
.contDash-details a.back_btn .btn { background: transparent; padding: 0; color: #ff9909; font-size: 16px; }
.contDash-details a.back_btn .btn:hover{opacity: 0.8;}
.contDash-details a.back_btn .btn i{color: #ff9909;}
.contDash-details a.back_btn .btn{ content: "\f104"; padding-right: 8px;
    font-size: 16px;}
.contDash-details a.back_btn { margin-top: 30px; display: flex;}   
.contDash-details .dashboardpanel .card { margin-top: 0; }
.contDash-details a.back_btn .btn:focus { outline: unset; } 
div.cards_maincontainer, div.cards_maincontainer div#newest-cards-tab {background:#092143;}
.section-title h3.title.text-white {color: #fff;}
.cards_maincontainer { margin-top: 60px;}
.cards_maincontainer .row{ background: #092143;}

.mainbodiv {flex: 1;
  /*float: left;
  width: 100%;
  overflow: hidden;*/
}
.cards_maincontainer .col-md-12.text-center{margin-bottom: 10px;}
.contDash-details .whitepages.dashboard h1 {color: #fff;}
.contDash-details .whitepages.dashboard {background: #092143;margin: 0;}
article.checkout_page .jumbotron {background: #f4a51c;}
.card.cardRegister form.form-overflow .col-md-12.col-sm-12 {padding-left: 0;}
.dashboardpanel .card.cardRegister form.form-overflow .col-sm-12.textcenter { text-align: left; padding-left: 15px; }
.dashboardpanel .card.cardRegister form.form-overflow .col-sm-12.textcenter input.btn { padding: 8px 30px; border-radius: 30px !important; }
/*.whitepages.dashboard .dashboardpanel form#frmsearch { display: grid;grid-template-columns: repeat(5,minmax(30px,1fr)); gap: 10px;}*/
div .exzoom .exzoom_btn a.exzoom_next_btn{ padding-left: 3px;right: 28px;}
.whitepages.dashboard .dashboardpanel form#frmsearch .form-group {width: 18.5%;margin-left: 1%;}
.whitepages.dashboard .dashboardpanel form#frmsearch .form-group.auto-fgroup { width: auto;}
.whitepages.dashboard .dashboardpanel form#frmsearch .form-group.auto-fgroup input.autocheck_srch { position: relative; top: -20px; }
.whitepages.dashboard .dashboardpanel form#frmsearch .form-group.auto-fgroup label {padding-left: 20px;position: relative; top: 5px;}
div#productmodal input, div#productmodal textarea { border-radius: 8px; min-height: 41px; margin-top: 8px; }
div#productmodal button.submitchat { border: 0; border-radius: 30px; padding: 12px 30px; color: #fff; text-transform: uppercase; background: #f4a51c; }
div#productmodal button.close { background: #000; width: 30px; height: 30px; font-size: 18px; box-shadow: unset; color: #fff; border-radius: 0; }
.whitepages.dashboard .dashboardpanel input, .whitepages.dashboard .dashboardpanel select, .whitepages.dashboard .dashboardpanel textarea{ background: #fff !important; border-radius: 8px !important; height: 41px; border: 1px solid #f0f0f0; }
.whitepages.dashboard .dashboardpanel input[type="checkbox"]{height: auto;}
whitepages.dashboard .dashboardpanel textarea{min-height: 80px;}
.whitepages.dashboard .dashboardpanel .listing-card-wrap input[type="checkbox"] { height: auto; }
.whitepages.dashboard .dashboardpanel .listing-card-wrap input.btn.btnsame {background: #ff9909 !important;    position: relative;
    top: -10px;}
.whitepages.dashboard .dashboardpanel input.btn {background: #f4a51c !important;}
.whitepages.dashboard .dashboardpanel label.checkbox-inline input { vertical-align: middle; position: unset; margin-right: 7px; }
.whitepages.dashboard .dashboardpanel label.radio-inline input, .whitepages.dashboard .dashboardpanel input[type="radio"], .whitepages.dashboard .dashboardpanel input.form-check-input{height: auto;}
div#pop-up .button-confirm-wrap{margin-top: 40px;max-width: 840px;}
.whitepages.dashboard .dashboardpanel .frg-act select { width: 100%; }
.whitepages.dashboard .dashboardpanel input#submit-list { background: #f4a51c !important; border-radius: 30px !important; width: auto; padding: 10px 30px; }
.whitepages.dashboard .dashboardpanel input#submit-list:hover{opacity: 0.8;}
/*.product-details-card-lets .preview {overflow: hidden;}*/

.product-details-card-lets .preview .exzoom .exzoom_img_ul_outer{border: 0;}

/*.preview .containerZoom div#exzoom .exzoom_img_box .exzoom_img_ul_outer, .preview .containerZoom div#exzoom .exzoom_img_box,.preview .containerZoom div#exzoom{width: 100% !important; height: 345px !important;}*/
.whitepages.dashboard .dashboardpanel input#submit-list.mb-0 { margin-bottom: 0 !important;}

/*offer page*/
article.maincontent.offerrevice_page { margin-top: 20px; margin-bottom: 40px;}
article.maincontent.offerrevice_page .off-Price { margin-bottom: 30px; font-size: 24px; }
article.maincontent.offerrevice_page .dashboardpanel { padding: 20px; border: 1px solid #c5c5c55d; border-radius: 8px; }
article.maincontent.offerrevice_page .dashboardpanel .offer-img_mk { box-shadow: unset; }
div#cart-list-buttons {border-top: 2px solid white; display: flex; width: 100%; position: sticky; bottom: 0;}
.section.homenew_card h2.title { padding-top: 40px; }
.section.homenew_card{overflow: hidden;}

/*Header-Card*/
#cart-list-dropdown .cart-list .product-widget {margin: 5px 0; border: 1px solid #ececec; padding: 10px; border-radius: 8px;}
#cart-list-dropdown .cart-list .product-widget .removefromcartitems.btn { position: absolute;  top: -6px;  bottom: auto; background: transparent;    right: -27px;width: 22px; height: 22px; border-radius: 50%; display: flex;  align-items: center; justify-content: center;border: 0;}
#cart-list-dropdown .cart-list .product-widget .removefromcartitems.btn i{ color: #b2001d;}
#cart-list-dropdown .cart-list .product-widget .removefromcartitems.btn:hover{background: #b2001d;}
#cart-list-dropdown .cart-list .product-widget .removefromcartitems.btn:hover i{color:#fff;}
#cart-list-dropdown div#cart-list-buttons a {margin: 0 !important;float: left;}
 .whitepages.dashboard .dashboardpanel .btn{background: #f4a51c; border-radius: 30px !important; padding: 7px 20px; border: 0 !important;color: #fff; font-weight: 500;font-size: 15px;width: auto !important; height: auto;}
 .whitepages.dashboard .dashboardpanel .btn:hover{background: #d68a07; color: #fff;}
 .whitepages.dashboard .dashboardpanel .btn:focus{outline: unset;}
 .whitepages.dashboard .dashboardpanel button#dropdownMenuButton {padding: 0px 10px; height: auto;}

/*transactionlog*/
.contDash.transactionlog .dashboardpanel div#transaction-table_wrapper .row:first-child { background: #092143; color: #fff; font-size: 16px;display: flex; align-items: center;padding: 10px;border-radius: 12px 12px 0 0;}
.contDash.transactionlog .dashboardpanel div#transaction-table_wrapper {overflow: hidden;padding: 0 15px 15px;}
.contDash.transactionlog div#transaction-table_wrapper .row:first-child div.dataTables_length select {display: block; width: 100%;}
.contDash.transactionlog .whitepages.dashboard .dashboardpanel{border-radius: 12px;}
.contDash.transactionlog .dashboardpanel div#transaction-table_wrapper .row:first-child label, .contDash.transactionlog .dashboardpanel div#transaction-table_wrapper .row:first-child input{width: 100%;display: block; margin: 0; font-size: 16px;}
.contDash.transactionlog .dashboardpanel div#transaction-table_wrapper .col-sm-12 {padding: 0;}
.contDash.transactionlog .dashboardpanel div#transaction-table_wrapper table.table {border: 0;margin-top: 0 !important;}
.contDash.transactionlog .table-striped>tbody>tr:nth-of-type(odd){background-color: #f4a51c1a;}
.contDash.transactionlog li.paginate_button.active a {background: #f4a51c; border-color: #f4a51c; color: #fff;}
.contDash.transactionlog .pagination>li>a, .contDash.transactionlog .pagination>li>span{color: #f4a51c;}
.contDash.transactionlog table.dataTable thead > tr > th{vertical-align: top;}
h5.h5heas-col.allper_col_title {display: flex; align-items: center;font-size: 18px;}
.listing2_page form input#submit-list { margin: 0 0 30px !important; }
.listing2_page .whitepages.dashboard .dashboardpanel{float: left;  background: #eeeeee;}
.cardform_page .whitepages.dashboard .dashboardpanel input#submit-list{height: auto; margin-bottom: 15px;}

/*contact-page*/
.contact_details {margin: 40px 0;padding: 30px; border-radius: 10px; box-shadow: 0 0 22px rgba(0,0,0,0.06); -webkit-box-shadow: 0 0 22px rgba(0,0,0,0.06); width: 100%;}
.contactpage_right {background: #f2f2f2;padding: 25px!important;border-radius: 8px;}
.contactpage_right input, .contactpage_right textarea { box-shadow: unset; background: #fff; border: 0; outline: unset; width: 100%; color: #373737; font-size: 14px; padding: 10px; height: 41px; border-radius: 30px !important;}
.contactpage_right textarea{height: auto; min-height: 80px;}
.contactpage_right .form-group {width: 100%;margin-bottom: 20px;}
.contactpage_right span.input-group-text { margin-bottom: 5px; display: flex;font-size: 15px; font-weight: 400;}
.contactpage_right button.submitcontact.btn { background: #f4a51c; color: #fff; padding: 10px 28px;text-transform: capitalize;  border-radius: 30px;}
.contactpage_right button.submitcontact.btn:hover{background: #e1930c;}
.contact_details .contactpage_left .main-addressinfo {font-size: 16px; display: flex; align-items: baseline;}
.contact_details .contactpage_left .main-addressinfo svg { margin-right: 10px; width: 16px; height: 16px; }
.contact_details .contactpage_left .main-addressinfo a {font-weight: 400;}

.privacypolicy_page h2 {margin: 20px 0 5px;}
.privacypolicy_page { margin-top: 20px; margin-bottom: 20px;font-size: 16px; word-break: break-all;}
.privacypolicy_page p {margin: 5px 0; font-size: 16px;}
.privacypolicy_page a {color: #f4a51c;}
.privacypolicy_page ul {list-style: auto;padding-left: 15px;}

.percollection_link button{ background: #f4a51c; color: #fff; outline: unset !important;border-radius: 30px; word-break:break-word; white-space: break-spaces; box-shadow: unset;border: 0;}
.percollection_link button:hover{ background: #f18f04;}
.percollection_link button i.fa {margin-right: 6px;}
.percollection_link button a#copyText{color: #fff;}
.section.publis_page .publis_profile .btns { display: flex; }
button.btn.mypercollection_link { transition: .3s ease; border-radius: 50%; width: 40px; margin-top: 10px; height: 40px; background: #092143; display: flex; align-items: center; justify-content: center; margin-left: 10px; font-size: 20px;outline: unset;}
.section.publis_page .publis_profile div#copyText {position: absolute; background: #0e346a; color: #fff; padding: 2px 6px;    border-radius: 2px;}
.section.publis_page .publis_profile .btns div#imgFileUpload:hover, .section.publis_page .publis_profile .btns button:hover{ background: #f18f04;}

/*home_categories*/
.categories_mobi { margin: 30px 0 10px; display: none;}
.categories_mobi ul.category-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));}
.categories_mobi ul.category-links li { text-align: center; padding: 6px;}
.categories_mobi ul.category-links li a { background: #d2ebff; display: block; padding: 15px 5px 12px; border-radius: 12px;    font-weight: 600; color: #181818;}
.categories_mobi ul.category-links li:nth-child(even) a { background: #fff3ce !important;}
.categories_mobi ul.category-links li a img { width: 40px; display: block;margin: 0 auto 8px;}
.categories_mobi ul.category-links li a:hover { color: #2B2D42 !important;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}

.confirmcards_page table td.table_list:last-child span { cursor: pointer; }
.confirmcards_page table td.table_list:last-child span:hover{opacity: 0.8;}

body{display: flex;
    /*flex-wrap: wrap;*/
    flex-direction: column;
    align-content: space-between;
    min-height: 100%; }
.offer-recieved-trade-usercard.offer_recievemain_page{ padding-bottom: 0; flex: 2;}
header, #footer{width: 100%;}

.section.forgotpass_page .card { background: #f4a51c24;border-radius: 12px; padding: 20px;}
.section.forgotpass_page{margin: 40px 0;}
.section.forgotpass_page .card input{border: 0;height: 41px;border-radius: 4px;}
.section.forgotpass_page .card input.btn { margin: 10px 0 0; background: #f4a51c; border-radius: 30px; border: 0;height: auto; padding: 7px 20px;}
.contDash-details .checkout_items input{height: auto !important;}
select option{background: #092143; color: #fff;}
select option:hover{background: red;}
/*dashboard offers*/
.sent-cardwrap .sentCarddiv a.alert-link .alert span.removenotification, .receive-cardwrap .recieveCarddiv a.alert-link .alert span.removenotification, .sent-cardwrap .sentCarddiv a.alert-link .alert span.removenotification_card{ position: absolute; right: 4px; top: 4px; background: #fff; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 10px; }
.sent-cardwrap .sentCarddiv a.alert-link .alert span.removenotification i, .receive-cardwrap .recieveCarddiv a.alert-link .alert span.removenotification i, .sent-cardwrap .sentCarddiv a.alert-link .alert span.removenotification_card i{color: #092143;}
.sent-cardwrap .sentCarddiv a.alert-link .alert, .receive-cardwrap .recieveCarddiv a.alert-link .alert{ height: -webkit-fill-available; position: relative;padding:10px;
    font-size: 14px;}
.sent-cardwrap .sentCarddiv, .receive-cardwrap .recieveCarddiv{ /*display: grid; grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); gap: 10px;*/ margin-bottom: 0px;
    display: flex;
    flex-direction: column; }
	.sentCarddiv .solddate{
		font-weight: 500;
    color: #092143;
    font-size: 17px;
    margin-bottom: 5px;
	}
	.cart-counter{
		position:relative;
	}
  .contDash.purchase_page article.col-md-9.maincontent {
    padding-bottom: 60px;
}
	
	.cart-counter .soldnotifications,
	#cartquantity, .chatnotificationsdiv, .sticky_checkoutr span.soldnotifications{
    display: flex;
    justify-content: center;
    align-items: center;
	position: absolute;
    left: 20px;
    top: -7px;
    color: white;
    width: 18px;
    height: 18px;
    background: #D10024;
    border-radius: 100%;
    font-size: 10px;
    line-height: 0;z-index: 1;
	}
.position-relative {
    position: relative;
}
/*my_sold_cards_page*/
.my_competed_trades_page .products-usertrade .card-pr_details .ppr-pr {color: #FF9909;}
.section.my_sold_cards_page .product-body h3.product-name {padding: 10px 0 5px;}
.section.my_sold_cards_page .section-title h3.title, .ilook_user_page .section-title h3.title{color: #181818; text-align: center; width: 100%; margin-bottom: 10px;}
.section.my_sold_cards_page {padding: 30px 0;}
.togglejs{
	cursor:pointer;
    position: relative;
}
.notification-toggle{
	z-index:9;
	width:322px;
	display:none;
	    position: absolute;
    box-shadow: rgb(0 0 0 / 30%) 0px 0px 10px;
    right: 0px;
    background: white;
    border-radius: 4px;
    top: 39px;
 /*   height: 420px;
    overflow-y: scroll;*/
}
.notification-toggle h3{
	display:flex;
	    position: absolute;width: 100%;
    top: 0;
    z-index: 1;
    font-size: 13px;
    margin: 0;
    padding: 10px;
    background: #f4a51c;
	color:white;
    border-radius: 4px 4px 0 0;
    font-weight: 700;
}
.notification-toggle h3 i{
    margin-left: auto;
    align-self: center;
    font-size: 17px;
	cursor:pointer;
	color:white;
}
.notification-toggle .soldnotificationsdiv{    height: 340px;
    overflow-y: scroll;
    margin-bottom: 10px;
	
    padding: 42px 10px;  background: #eee;
}
.notification-toggle .soldnotificationsdiv .soldhistdivs, .notification-toggle .soldnotificationsdiv .offersdivs{
    background: #fff;
    padding: 10px;
    margin-top: 10px;
    border-radius: 8px;
}
.record-not-found td{
	color:white;
}
.record-not-found:hover td{
	color:black;
}
.notification-toggle .viewallnotifications { position: absolute; bottom: 0; background: #ffffff; width: 100%; margin: 0; padding: 8px 15px; color: #f4a51c; display: flex; align-items: center; justify-content: flex-end; border-top: 1px solid #eee;font-weight: 400;margin-left: 0 !important;}
.notification-toggle .viewallnotifications a.btn { background: #f4a51c;  font-size: 12px; color: #fff; float: right; border-radius: 30px;    padding: 5px 15px;}
.notification-toggle .viewallnotifications a:hover {color: #fff; background: #d28500;}
.notification-toggle .soldnotificationsdiv a {margin-left: 0 !important;}

.notification-toggle .soldnotificationsdiv .offHeP{
	
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
}
.notification-toggle .alert-link{
	margin-left:0;
}
.notification-toggle .alert-link:hover{
	color:#000;
}

.notification-toggle .alert-link .alert{
	padding:0!important;
}
.notification-toggle .soldnotificationsdiv .offHeP h5{
        margin: 0;
    font-size: 15px;
    font-weight: 700;}
.notification-toggle .soldnotificationsdiv .sent-cardwrap .sentCarddiv a.alert-link {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 6px;
}
.notification-toggle .soldnotificationsdiv .sent-cardwrap .sentCarddiv a.alert-link:hover {
    border-color: #f4a51c;
}    
.notification-toggle .soldnotificationsdiv .sent-cardwrap .sentCarddiv .alert { font-size: 13px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; margin-bottom: 0;
}
.notification-toggle .soldnotificationsdiv .sent-cardwrap {
    width: 100%;
}
/*notifications_page*/
.notifications_page .inbox-body table.table tr.chatunread {background: #fff;}
.notifications_page .inbox-body table.table tr i.fa { color: #3a3a3a; }
.notifications_page .inbox-body table.table tr.chatread {background: #fff9ef; border-left: 4px solid #f4a51c;}
.notifications_page .inbox-body table.table tr.chatunread td {border-top: 1px solid #eee;}
.notifications_page .inbox-body table.table{border-radius: 4px !important;overflow: hidden;}
.mail-box table.table.table-inbox tr.chatread td { color: #000;  background: #fff9ef;}
.backbtn_container.container a.edir_listing i.fa { box-shadow: unset;}
.backbtn_container.container a.edir_listing span.edit-pr-user { box-shadow: unset; padding: 0; font-size: 16px; font-weight: 400; }
.backbtn_container.productdetails_edit_optins{display: flex; margin: 25px 0 10px; position: absolute;z-index: 9;}
.backbtn_container.productdetails_edit_optins a{margin: 0 10px;}
.cardfindermain_page .products-tabs .look_cards .product img{     height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0; }
.cardfindermain_page .products-tabs .look_cards .product .cardfinder_img{position: relative;
    min-height: inherit;
    height: auto;
    padding-bottom: calc(100% + 20%);}
.cardfindermain_page .products-tabs .look_cards .product-body {padding: 0 !important;}
.cardfindermain_page .products-tabs .look_cards .product .cardfinder_bodydeta { padding: 10px 15px;}
.cardfindermain_page .products-tabs .look_cards .product button.btn.btn-default { background: #ededed; color: #181818; border: 0;border-radius: 30px; padding: 7px 20px;  font-size: 16px; margin-bottom: 3px;}
.cardfindermain_page .products-tabs .look_cards .product button.btn.btn-default:after { content: "\f148"; font: normal normal normal 14px/1 FontAwesome; margin-left: 5px; font-size: inherit;}
.cardfindermain_page .products-tabs .look_cards .product button.btn.btn-default.tradedown::after { content: "\f149";}
 .cardfindermain_page .products-tabs .look_cards .product button.btn.btn-default:hover{opacity: 0.8;}   
 .cardfindermain_page .products-tabs .look_cards .product button.btn.btn-default.tradedown { background: #ff6060;}
.cardfinder_page div.products-slick.listing-slick.listing_cardsall .product {cursor: default;}
.only_mobile{display: none;}
#header-buttons-container .header-ctn a#header-button.cardfinder_mobi, .backbtn_container.container a.back_btn.edir_listing{display: none;}
.notifications_page .inbox-body table.table tr.chatunread td { color: #000;}

.draft_title{color: #fff; z-index: 9; position: absolute; right: 0; background: #f4a51c; padding: 2px 4px; border-radius: 10px;}
.editproduct_page select#is_draft {width: 100%; }
/*search_page*/
.section.searchpage h2.title { color: #181818; margin: 0;}
.row.searchtitle{margin: 40px 0 40px;display: flex; align-items: center;}
.section.searchpage { margin-bottom: 20px; padding: 0;}
.searchpagebottom .whitepages.dashboard{margin-top: 0;}
.searchpagebottom .wrapper-collction {display: grid;}
.searchpagebottom span.personal_collabel {font-weight: 600;}
.searchpagebottom .image-upload.img_wrap_coll {width: 100%; border: 0; margin-top: 5px;}
.searchpagebottom .personal_col-seciton {padding-bottom: 40px !important;}
.section.searchpage .listing-card-wrap{ padding: 20px 8px 10px; background: #092143; border-radius: 0 12px 12px 0; color: #fff;width: 12%;}
.section.searchpage div#newest-cards-tab{ width: 88%;}
.section.searchpage .listing-card-wrap .form-group ul li {display: block; width: -webkit-fill-available;}
.section.searchpage .listing-card-wrap .form-group{width: 100%; margin-bottom: 0;}
.section.searchpage .listing-card-wrap .form-group strong { font-size: 16px; display: block;position: relative; margin-bottom: 10px; border-bottom: 1px solid #334763; padding-bottom: 10px;}
.section.searchpage .listing-card-wrap .form-group ul li { display: flex; align-items: baseline; margin:2px 8px 4px 0; float: left; font-size: 14px;}
.section.searchpage .products-slick.listing-slick.listing_cardsall .product{border-color: #ddd;}
.section.searchpage .listing-card-wrap .form-group ul li input{ margin: 0;}
.section.searchpage .listing-card-wrap .form-group ul li label { margin: 0 0 0 5px; font-weight: 400; color: #fff;padding-left: 5px;}
.section.searchpage .listing-card-wrap .form-group ul li label::before{top: 2px; width: 15px; height: 15px;border-radius: 0;}
.section.searchpage .listing-card-wrap .form-group ul li label::after{width: 8px;height: 8px; border-radius: 0; top: 5.7px;}
.section.searchpage .listing-card-wrap form#frmsearch.for_mobionly .form-group strong:after, .personalcollections_mainpage .leftCol strong.search_tag:after{ position: absolute; content: "\f107"; font: normal normal normal 14px/1 FontAwesome; right: 10px; font-size: 20px; }
.section.searchpage .listing-card-wrap form#frmsearch.for_mobionly .form-group strong.active:after, .personalcollections_mainpage .leftCol strong.search_tag.active:after{content: "\f106";}
.section.searchpage .listing-card-wrap form#frmsearch.for_mobionly .search_lables{display: none;}
.section.searchpage .listing-card-wrap.for_mobionly .form-group ul.search_lables{display: none;}
/*.section.searchpage .products-slick.listing-slick.listing_cardsall{ gap: 15px;}*/
.section.searchpage .listing-card-wrap .form-group:last-child { margin-bottom: 0;}
.section.searchpage .listing-card-wrap .form-group ul.search_lables {float: left;margin-bottom: 20px; width: 100%;max-height: 40ch;
    overflow-y: overlay;}
.section.searchpage .products-slick.listing-slick.listing_cardsall .card-nodata {width: 100%; position: absolute; display: flex;  justify-content: center; padding-right: 20px;}
.section.searchpage .products-slick.listing-slick.listing_cardsall .alert.alert-warning { padding: 15px 60px;margin-right: 15px;}
.section.searchpage div#newest-cards-tab .container.products-tabs {width: 100%;}
.section.searchpage .listing-card-wrap form#frmsearch {margin-bottom: 0;}
ul.pagination li.active a.page-link {background: #f4a51c; border-color: #f4a51c;}
p.labelsearch { font-size: 16px;}
p.labelsearch strong { color: #f4a51c;}
.section.searchpage .listing-card-wrap.for_mobionly, .row.searchtitle.for_mobionly{display: none;}
.loginCont .login_rowmain h1{ font-size: 28px; text-transform: capitalize; color: #181818;}
.register_page .heading-site h1 {text-transform: capitalize; font-size: 28px;}

.trade-container a.Relist-item { background: #092143; width: fit-content; padding: 8px 15px; border-radius: 30px; color: #fff; font-size: 12px; margin-top: 6px; font-family: 'Roboto', sans-serif; height: fit-content;}
.trade-container a.Relist-item:hover{background: #08397e;}
.trade-container .item-container:nth-child(even) .inner-trade-block a.Relist-item{background: #ff9909;}
.trade-container .item-container:nth-child(even) .inner-trade-block a.Relist-item:hover{opacity: 0.8;}
/*mypecoll_page*/
.mypecoll_page .collection-card { display: flex; width: 100%; max-width: 100%; overflow-x: overlay; }
.mypecoll_page .collection-card a .collection_boxes input { border-radius: 12px !important; background-color: #d2ebff !important; border: 1px solid #aad5f7 !important; color: #181818; font-weight: 600; text-align: center; font-size: 16px; padding: 8px 20px; width: 150px; transition: all 0.5s; cursor: pointer; margin: 5px 10px 10px 0; position: relative; min-height: 180px; }
.mypecoll_page .collection-card a .collection_boxes input:hover{background: #93cffe !important;}
.mypecoll_page .collection-card a .collection_boxes.active input { background: #93cffe !important; }
.mypecoll_page .collection-card a .collection_boxes { text-align: center;}
.mypecoll_page .collection-card::-webkit-scrollbar { height: 6px;}
.mypecoll_page .collection-card a:hover{color: #181818;}

.sidebar-section li .auctionItem a {
    display: inline-block;
    margin-right: 15px;
    margin-top: 0;
}


div#makeCollection_modal form#frmCollections span.input-group-text {
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}
.font-14{font-size: 14px !important;}

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

  .h2, h2 {font-size: 24px;}
  .h3, h3 { font-size: 20px;}
  .register_page .heading-site h1{font-size: 24px;}
  div.section-title h1.title.cardfinder_title{font-size: 30px; margin: 15px 0;}
  footer#footer{ border-top: 1px solid #0f305e;}
 .container{width: 90% !important; margin-left: auto !important; margin-right: auto !important;}
  body.afterloginuser .only_mobile, .categories_mobi{display: block;}
  .categories_mobi{margin: 15px 0 10px;}
  body.afterloginuser .only_deshtop{display: none;}
  .contact_details{padding: 15px 0;}
  .contactpage_right{padding: 15px !important; margin-top: 20px;}
  div.products-slick.listing-slick.listing_cardsall, div.products-usertrade{grid-template-columns: repeat(2,minmax(30px,1fr)); gap: 15px;}
div.loginCont .login_rowmain{flex-direction: column-reverse; padding: 10px 10px 20px;}
.loginCont .fields-wrap{margin-bottom: 20px;}
.product-details-card-lets .details {margin-left: 0;padding-right: 0;}
.copyright {margin: 10px 0;}
.add-to-cart{font-size: 12px;padding: 8px 12px;}
h4.product-price.price {font-size: 14px;}
.dashboardpanel.product-details-card-lets .container{padding: 0;}
div.nivoSlider{height: 90;}
#newsletter.section .fcontainer .indexBanerMob { width: 100%; }
div #header-buttons-container .header-ctn a#header-button{ padding: 7px 8px; height: auto; margin-left: 6px;font-size: 12px;display: none;}
div #header-buttons-container .header-ctn a#header-button.cardfinder_mobi{display: block;    width: 45%;}
.loginCont .fields-wrap form#fupForm .form-group:last-child {width: 100% !important;display: flex; justify-content: center;}
.navbar.navbar-inverse.show-mobile .navbar-header{top: -34px;left: 8px; margin-left: 0 !important;}
.navbar.navbar-inverse.show-mobile div#navbar {padding: 0;}
.navbar.navbar-inverse.show-mobile{padding: unset; margin: auto; min-height: auto;}
div.whitepages.dashboard aside, .whitepages.dashboard aside{border-radius: 12px; padding: 20px 25px; display: none;}
div.whitepages.dashboard.notifications_page aside{display: block;  padding: 20px 15px;}
.notifications_page .inbox-body table.table tr.chatunread, .notifications_page aside.col-md-3.sidebar.sidebar-left{display: none;}
div.filter-header-container span { font-size: 18px;}
div.whitepages.dashboard .dashboardpanel .btn{padding: 5px 20px;}
article.col-md-9.maincontent {width: 100% !important; margin-top: 5px; padding: 0 !important;}
div.dashboard-header{margin-bottom: 0;}
.whitepages.dashboard{padding: 0 15px;}
.whitepages.dashboard .dashboardpanel form#frmsearch .form-group{width: 100% !important; margin-left: 0 ;}
.whitepages.dashboard article.new-mob-padding form#frmsearch .form-group.auto-fgroup { margin-bottom: 0; width: auto !important;  margin-right: 10px;}
.whitepages.dashboard aside h1.center{font-size: 20px;text-align: right; padding: 0 !important;}
div.whitepages.dashboard .products-tabs .products-slick{grid-template-columns: repeat(2,minmax(30px,1fr)); width: 100%;gap: 10px;}
div.listing_cardsall .product{width: 100% !important;}
.products-tabs.listingcard_cards h3.product-name{font-size: 16px !important;height: auto !important; padding-bottom: 5px !important;    min-height: auto;}
.whitepages.dashboard .dashboardpanel form#frmsearch .form-group.auto-fgroup input.autocheck_srch{width: auto;}
.navbar.navbar-inverse.show-mobile .navbar-header button.navbar-toggle {margin-right: 0;padding: 6px;}
div.dashboard-cards-container .dashboard-header-card {width: 48%;float: left;margin: 1%; height: auto !important;    background: #f4a51c;}
div.dashboard-cards-container .dashboard-header-card:last-child {width: 100%;  background: #092143;margin-top: 5px;display: none;}
div.dashboard-cards-container .dashboard-header-card.onlyfor_mobi { width: 98%; background: #092143; margin: 0 1% 5px; display: flex;}
div.dashboard-cards-container{display: block; padding: 0; margin-top: 0px;}
/*div.listing-card-image-container{height: fit-content; max-height: 280px !important;overflow: hidden;}*/
.listing-card-image-container img{height: 100% !important;}
.cards-container .listing-card .listing-card-title-container {min-height: auto; max-height: fit-content; overflow: unset;}
div.listing-card-title-container p{margin-bottom: 0;font-size: 14px;}
div.listing-card-details-container p{font-size: 13px;}
.listing-cards-wrapper .cards-container{row-gap: 1rem;}
div.dashboard-cards-container .header-card-footer a {padding: 8px 14px; font-size: 14px !important; margin-top: 10px;}
/*menu*/
.cart-dropdown .cart-list .product-widget:last-child .product-body {padding: 4px 0;}
#cart-list-dropdown .cart-list .product-widget{display: block;}
#cart-list-dropdown .product-name{height: unset; min-height: unset; max-height: unset; overflow: unset;}
.notification-toggle {transform: translate(40%, 0px);}
/*contact-page*/
.contactpage_right form#contactusforms .form-group, .whitepages.dashboard div#dashboardcolumn2, .whitepages.dashboard .row.order-details-chat, .cardform_page .cardpdf.cardRegister .form-group{width: 100% !important;}
.section.publis_page .col-md-12.overflow-w { padding: 0;}
div.products-slick.listing-slick.listing_cardsall h3.product-name a { width: 100%; display: block; text-align: left;font-size: 16px;}
div.products-slick.listing-slick.listing_cardsall .product-name-container {padding: 10px 10px 4px;}
div.products-slick.listing-slick.listing_cardsall div#index-product-body {padding: 0 10px 10px !important;}
div.listing_cardsall .product{height: 100% !important;}
.card.cardRegister .col-12 {padding: 0 0 15px !important;}
.card.cardRegister .col-12 .form-group {width: 100% !important;margin-bottom: 0;}
.cart-dropdown .cart-list .product-widget:last-child{display: flex;flex-direction: column; justify-content: space-around;}
div.contDash-details .whitepages.dashboard h1.offerrevicepage_title {padding: 20px 0 !important;font-size: 24px;}
.offer_recievecard_page article.maincontent .dashboardpanel {padding: 20px 0;}
.offer_recievecard_page article.maincontent, .contDash-details.addcart_page .whitepages.dashboard{padding-bottom: 40px;}
.card.cardRegister .card-body form .pt-2 {padding-top: 0 !important;}
div.whitepages.dashboard .row.order-details-chat{padding: 0;}
.whitepages.dashboard .print_label .dashboardpanel div#root form#shiplblfrm .form-group {padding-right: 0;}
.cart-dropdown.display_btnuser .cart-list{width: 90%;}
div.section .look-main .nivoSlider{margin-bottom: 20px;max-height: 180px;height: fit-content;}
form#sortForm .form-group.sort-field-list {width: 44% !important;margin: 0; padding: 0 15px;}
form#sortForm .form-group.sort-field-list .formgroup-radio { width: 100% !important; margin-left: 0;}
.ilook_user_page .section-srh form.frm-inline .form-group { margin-left: 0;}
.ilook_user_page .col-md-12 { padding: 0;}
.contDash-details.make_card_page .container.mt-5 {width: 100%;}
.contDash-details.make_card_page .container.mt-5 .title-site {margin: 10px 0;}
div.make_card_page .table-wrap.card_req_off{ grid-template-columns: repeat(1, minmax(50%, 1fr));}
.contDash-details.make_card_page .whitepages.dashboard, .contDash-details.make_offermain_page .whitepages.madeoffer-lets, .contDash-details.offer_sent_card_page .offer_sent_card{padding-bottom: 40px;}
.contDash-details.make_card_page .whitepages.dashboard .dashboardpanel { border-radius: 12px;}
.search_wrapper .form-group{margin-left: 0;}
.contDash-details.make_card_page{padding-bottom: 0;}
.contDash.transactionlog .dashboardpanel div#transaction-table_wrapper, .section.my_sold_cards_page .col-md-12{padding: 0;}
div.btnaction-card.form-group { margin-left: 0; display: flex;}
div.whitepages.dashboard {margin-top: 10px;}
.sent-cardwrap .sentCarddiv a.alert-link .alert, .receive-cardwrap .recieveCarddiv a.alert-link .alert{height: unset;}
.contDash-details.make_offermain_page .dashboardpanel { padding: 10px 0;}
.contDash-details .whitepages.dashboard h1.productDets_title {padding: 30px 0 !important;font-size: 26px;}
div.contDash-details.make_offermain_page .dashboardpanel .border-cawrap { padding: 0 10px;margin-bottom: 20px;}
.contDash-details.make_offermain_page .container.mt-5 { margin-top: 20px; padding: 0 5px;}
div.make_offermain_page article.maincontent .stepone-container div#make-offer-card-container-1.row-divwrap, .ilook_page form .form-group{width: 100% !important;}
div#myModal_selectcard_trade.makeoffer_popup #make-offer-cards-wrapper{ grid-template-columns: repeat(auto-fill, minmax(36%, 1fr)) !important; max-height: 50vh;overflow-x: hidden;}
.pop-up-bottom-container .inner-wrapbtn button.pop-up-bottom {width: auto;padding: 8px 10px; border: 0;font-size: 13px;}
div.slected-car-details-wrapper-mb .exchangemy-card {max-height: 180px;}
div.pop-up-options-wrapper{ flex-flow: wrap;}
div.offsite-card-wrapper, .escrow-card-wrapper, .pop-up-options-wrapper .slected-car-details-wrapper, .paystore-card-wrapper{width: 100% !important; max-width: 100% !important; padding: 0px;}
div.offsite-card-container, div.escrow-card-container{padding: 0 !important; height: auto;}

div#tab1 .products-peronal_collaction .collection-card, .contDash-details.addcart_page article.col-md-12.maincontent{padding: 0;}
div#tab1 .products-peronal_collaction .collection-card .button{margin: 5px 10px 5px 0;}
.section-title .title{color: #181818;}
.section-title{margin: 15px 0;}
.mypecoll_page form.myper_coll_form button.btn { padding: 8px 14px !important; font-size: 12px !important; margin-left: 5px !important; margin-right: 0 !important;}
#pop-up .slected-car-details-wrapper-mb{display: none;}
.section.homenew_card h2.title.text-white{color: #fff; padding-top: 20px;}
div#pop-up .button-confirm-wrap{max-width: 95%;max-height: 85vh; overflow-y: scroll;top: 10px; position: absolute; margin-top: 0;}
.pop-up-options-wrapper .slected-car-details-wrapper{max-height: fit-content;}
.pop-up-options-wrapper .slected-car-details-wrapper ul .my-exchange-img{height: fit-content;}
.pop-up-options-wrapper .slected-car-details-wrapper ul .my-exchange-img img{width: 140px;height: 140px;}
.contDash-details.addcart_page article.col-md-12.maincontent .dashboardpanel .container.mt-5, .section.forgotpass_page .card, .cardform_page .cardpdf.cardRegister, .cardform_page .cardpdf.cardRegister input{width: 100%;max-width: 100%;}
.contDash-details.addcart_page .table-wrap{margin: 15px 0;}
.contDash-details.addcart_page .table-wrap ul.list-head1{padding: 15px 10px;}
.product-details-card-lets .details .details-pro-new ul.details-list h3 {font-size: 18px;margin-bottom: 0;}
.ilook_user_page div.products-slick.listing-slick.listing_cardsall, .cardfinder_page div.products-slick.listing-slick.listing_cardsall{ grid-template-columns: repeat(1,minmax(30px,1fr));}
.ilook_user_page .section-title{text-align: center;}
.contDash-details.addcart_page { padding-bottom: 0;}
.contDash-details.addcart_page .footer-nav {margin: 0 0 20px;}
.offer_sentmainpage article.maincontent.offerrevice_page .footer-nav .off-Price{padding-bottom: 10px; color: #fff;}
.cardform_page form .col-12{padding: 0; margin-bottom: 15px;}
.cardform_page form .pt{padding-top: 0 !important;}
div.whitepages.dashboard.offer_sent_card .firstWrap-head h1{padding: 15px 0 !important; font-size: 24px;}
.my_competed_trades_page .col-sm-12 {padding: 0;}
div.all_personal_collections_page .dashboardpanel h5.h5heas-col { width: 100%; text-align: center; display: block; height: auto;}
.all_personal_collections_page .wrapper-more{width: 100%; position: unset;}
.all_personal_collections_page .wrapper-more button{margin: 10px 0;}
.all_personal_collections_page .card.cardRegister button.button {font-size: 14px; padding: 6px 8px;}
.ilook_page form .pt-3 {padding-top: 0 !important;}
.contDash-details.offer_sent_card_page {padding-bottom: 0;}
.offer_sent_card_page .whitepages.dashboard .dashboardpanel{margin-bottom: 0;}
#makeTrade_modal .modal-dialog { width: 95% !important;}
div#makeTrade_modal .feedback-wrap input, .form-contact-card{width: 100%;}
div#productmodal .chatForm .input-group.form-group span.input-group-text { text-transform: capitalize;}
div#makeTrade_modal .feedback-wrap input#btnSubmit{width: auto; margin-left: 0;}
#makeTrade_modal .modal-dialog .feedback-wrap{text-align: left !important;}
.cardRegister.banner-pop-cslot .Banner-container form .form-group, .section.cardfindermain_page form.frm-inline .form-group, .section.ilook_user_page form.frm-inline .form-group, .addplayer_page .form-group, .card.withdrawal_cr .details_payment_method .form-group{width: 100% !important;}
div.ship_status{margin-right: 0;}
.product div#index-product-body.product-body .product-price, .product-body .product-price{font-size: 14px !important;}
.contDash.cardform_page form .pt-2 {padding-top: 0 !important;}
.contDash.cardform_page form input[type="radio"] { width: auto;}
.trprintlabel_page div#price-cal-modal .modal-body .col-sm-12, .section.cardfindermain_page .cardfinder_page{ padding: 0;}
.trprintlabel_page div#price-cal-modal .modal-body .col-sm-12 h4 {font-size: 16px;}
.trprintlabel_page div#price-cal-modal .modal-body ul.click-ship-label-summary-wrapper{margin-top: 15px;}
.trprintlabel_page div#price-cal-modal .modal-body tr {display: grid;}
.trprintlabel_page div#price-cal-modal .modal-footer {text-align: center;}
.trprintlabel_page div#price-cal-modal .modal-footer button.btn.btn-primary {margin-bottom: 10px;}
.section.cardfindermain_page .cardfinder_page h3.cardfinder_title { margin: 10px 0;}
.sms-preference_page form label { width: 100%; margin: 0 !important;}
.product .product-img .product-label>span.new{font-size: 10px;}
.section.cardfindermain_page form.frm-inline .form-group input.form-control, .section.cardfindermain_page form.frm-inline .form-group select.form-control, .section.ilook_user_page form.frm-inline .form-group input.form-control, .section.ilook_user_page form.frm-inline .form-group select.form-control{background: #ffffff !important;}
.card.cardRegister form.form-overflow .form-group.col-md-6.col-sm-6 {width: 100% !important; padding-right: 0;}
div#owl-demo.owl-loaded .product-label span.new{font-size: 10px;}
.whitepages.dashboard aside .cardsshow-wrap{padding: 10px 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.whitepages.dashboard aside .cardsshow-wrap a { background: #fff;}
.whitepages.dashboard aside .cardsshow-wrap a .img {margin: 0 !important;}
.personal_transaction .table_responsive table tr {border-radius: 12px;}
div.product .product-img, div.listing-card-image-container{padding-bottom: calc(100% + 25%);}
.animate-charcter{font-size: 12px;margin-bottom: 5px;}
.afterloginuser .mainbodiv { float: left; padding-bottom: 75px;}
.container.topratedcard_container #owl-demo{height: auto;}
.whitepages.dashboard .card.cardRegister form .form-group {width: 100% !important;}
#cart-list-dropdown .cart-list .product-widget .removefromcartitems.btn{right: -22px;}
.section.my_sold_cards_page .product-body h3.product-name{font-size: 16px; font-weight: 600;}
.section.my_sold_cards_page .product-body p {font-size: 14px;}
.my_sold_cards_page .section-title{text-align: center; margin: 0 0 30px;}
.notifications_page .inbox-body table.table tr.chatread{display: grid;}
.notifications_page .inbox-body table.table tr.chatread td{text-align: left;}
div.sentCarddiv .solddate, .notifications_listpage .sentCarddiv .solddate{font-size: 14px; font-weight: 600; margin-bottom: 3px;}
div.my_watchlist_page .remove-watchlist{width: 22px;height: 22px;font-size: 10px;top: 5; left: 5;}
.newsletter-IndedMob .newsletter.newNews p.signupNp {font-size: 22px;}
.newsletter form{ margin: 20px auto;}
.whitepages.dashboard .card.cardRegister form .form-group span.perday-amt { margin-bottom: 10px !important; display: flex;}
.cart-counter .soldnotifications, #cartquantity, .chatnotificationsdiv{width: 16px;height: 16px;}
.backbtn_container.container { display: flex; margin-bottom: 20px;}
.backbtn_container.container a.back_btn.edir_listing{display: block; margin-left: 10px;}
.listing2_page .card.cardRegister{padding: 5px 10px;}
div.product-details-card-lets .preview{overflow: visible;}
div .exzoom .exzoom_zoom_outer{display: block;}
.exzoom .exzoom_preview{left: 0px !important; top: 100% !important;display: none !important;}
.exzoom .exzoom_img_box span{display: none !important;}
div.look-main .publlist_banner .wimg_top .overlay1 p{ font-size: 16px; margin-bottom: 0;}
div.look-main .publlist_banner .wimg_top .overlay1 i.fa{font-size: 24px;}
form#sortForm .form-group.sort-field-list:last-child label[for="sort-player"] { display: none;}
form#sortForm .form-group.sort-field-list:nth-child(4), form#sortForm .form-group.sort-field-list:nth-child(5) { width: 100% !important;margin-bottom: 15px;}
form#sortForm .form-group.sort-field-list input{background: #fff !important;}
.notifications_listpage ul.tabs_notification{padding: 5px 8px 0;}
/*searchpage*/
.section.searchpage .listing-card-wrap{position: sticky;top: 0; z-index: 99; border-radius: 0 0 12px 12px;    padding: 10px 15px; width: 100%;margin-top: 0;}
.section.searchpage { margin-bottom: 0px;}
.section.searchpage .listing-card-wrap form#frmsearch { display: grid; grid-template-columns: 1fr 1fr;}
.row.searchtitle { margin: 20px 0 10px !important;}
.section.searchpage .listing-card-wrap .form-group{margin: 8px 0;}
.section.searchpage .listing-card-wrap .form-group strong{font-size: 15px;margin-bottom: 0;}
.section.searchpage .listing-card-wrap .form-group ul.search_lables{ max-height: 32vh; overflow-y: scroll;margin-bottom: 0;display: none;}
p.labelsearch { font-size: 14px;}
.section.searchpage h2.title{font-size: 20px;}
.section.searchpage .products-slick.listing-slick.listing_cardsall{gap: 10px}
.row.searchtitle{display: none;}
.section.searchpage .listing-card-wrap.for_mobionly, .row.searchtitle.for_mobionly {display: block; margin-top: 0;}
.row.searchtitle.for_mobionly{margin: 10px 0 20px !important;}
.row.searchtitle h2.title { text-align: center;}
.section.searchpage div#newest-cards-tab .container.products-tabs, .section.searchpage div#newest-cards-tab{width: 100% !important;}
.all_personal_collections_page.mypersonal_collectionspage .mypecoll_page.container{padding: 0;}
.searchpagebottom .whitepages.dashboard{margin-bottom: 60px;}
.section-title .title{font-size: 22px;}
.my_competed_trades_page .section-title { margin: 20px 0;}


}


@media only screen and (max-width: 991px) and (min-width: 767px) {
  .container{width: 96% !important;}
  div#newest-cards-tab .products-tabs .products-slick.index_listing_cardsall{grid-template-columns: repeat(3,minmax(30px,1fr)) !important; }
  .products-slick.listing-slick.listing_cardsall{grid-template-columns: repeat(3,minmax(30px,1fr)) !important;}
  .nivoSlider{max-height: 194px;height: auto;}
  #header div#header-row div#header-logo-wrapper{width: 14%; padding: 0;}
  #header div#header-row .cardfind-mob{ width: 33% !important; min-width: 30%; padding: 0;}
  #header div#header-row div#header-buttons-container{ width: auto !important; padding: 0;}
  #header div#header-row div#header-buttons-container a#header-button, #header div#header-row div#header-buttons-container a button {   padding: 10px 12px;}
  #header div#header-row div#header-buttons-container .header-ctn a{margin-left: 8px;}
  #header div#header-row div#header-logo-wrapper .header-logo {background-position: center;}
  .product .product-name-container .product-name, .product-name{text-align: left;}
  .loginCont .login_rowmain{ flex-direction: column-reverse; margin: 0 auto; max-width: 65%;}
  .loginCont .login_rowmain .bannerimg-login {margin-top: 20px;}
  section.sign-in div.register_page .signin-content .signin-form {max-width: 100%;width: 80%;}
  div.whitepages.dashboard aside, .whitepages.dashboard aside{float: left;}
  div.dashboard-cards-container .dashboard-header-card { width: 48%; float: left; margin: 1% 1% 1.5%; height: auto !important;margin-top: 0;}
  /*div.dashboard-cards-container .dashboard-header-card:last-child { width: 100%;}*/
  div.dashboard-cards-container { display: block; padding: 0;}
  .whitepages.dashboard aside h1.center { font-size: 22px;}
  .whitepages .sidebar-panel h5 { font-size: 12px; font-weight: 500;}
  .whitepages .sidebar-panel h5:after{font-size: 16px;}
  .whitepages .sidebar-panel h5{padding: 10px 0;}
  .whitepages .sidebar-section a { font-size: 14px;}
  div.cards-container{grid-template-columns: repeat(3, minmax(0, 1fr));}
  div#myModal_selectcard_trade.makeoffer_popup #make-offer-cards-wrapper{grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)) !important;}
  div .pulichome_userbutton span{font-size: 15px;line-height: 1.4;}
  div.section.publis_page .btn-control-container button.pulichome_userbutton{aspect-ratio: 1/1.1;}
  .section.publis_page .btn-control-container button.pulichome_userbutton img.button-icon{width: 32px;}
  div.trade-container{grid-template-columns: repeat(1, minmax(0, 1fr));}
  div .section .look-main .nivoSlider img{ max-width: 100%;}
  .contDash-details .product-details-card-lets .product-des ul li, .contDash-details .product-details-card-lets .product-description, .details-pro-new li{line-height: 1.5;}
  div.whitepages.dashboard div#dashboardcolumn2, div.whitepages.dashboard .row.order-details-chat{width: 100%;}
  div div.ticket-wrap-cards.ticket-page .tick_maincon img{ width: 40%;float: left; margin-right: 20px;}
  .whitepages.dashboard .dashboardpanel form#frmsearch .form-group{    width: 31.5%;}
  .whitepages.dashboard .dashboardpanel form#frmsearch .form-group:nth-child(4), .whitepages.dashboard .dashboardpanel form#frmsearch .form-group:nth-child(5) { width: 48.5%;}
  .whitepages.dashboard .dashboardpanel form#frmsearch .form-group.auto-fgroup{ width: 16%;}
  .products-tabs.listingcard_cards h3.product-name{font-size: 18px;}
  .section.searchpage .row.mx-0{display: flex;}
  .searchpagebottom .whitepages.dashboard.mypecoll_page article.maincontent{width: 100%;}

}

@media screen and (max-width: 500px) {
  footer#footer .container {padding: 0;width: 100% !important;}
  .container{width: 96% !important;}
  div #header-buttons-container .header-ctn .togglejs, div #header-buttons-container .header-ctn .dropdown.dpcart { padding-right: 5px;}
  .notifications_listpage ul.tabs_notification li {padding: 8px 10px;}

}
@media screen and (max-width: 356px) {
  footer#footer.only_mobile .col-md-3.col-xs-6{padding: 0 8px;}
  footer#footer.only_mobile .footer-links li a {font-size: 11px;}
  footer#footer.only_mobile ul.footer-links li i.fa{    font-size: 14px;}
  footer#footer.only_mobile ul.footer-links li:first-child i.fa {font-size: 17px;}
  div.dashboard-cards-container .header-card-footer a{font-size: 12px !important;}

}


div#feedback_modal .modal-body form#feedback-form-give label.radio-inline { margin: 5px 0px; display: block;}
div#feedback_modal .modal-body form#feedback-form-give .feedback-fields, div#feedback_modal .modal-body form#feedback-form-give .feedback-fields .form-group {
    width: 100% !important;
}
div#feedback_modal .modal-body form#feedback-form-give .feedback-fields .form-group textarea {border: 1px solid #eee; border-radius: 8px;    margin-top: 5px;}
div#feedback_modal .modal-body form#feedback-form-give .feedback-fields button#submit-feedback { background: #f4a51c; border-radius: 30px;    color: #fff; padding: 9px 25px;}
div#feedback_modal .modal-body form#feedback-form-give .feedback-fields button#submit-feedback:hover{background: #da8a00;}
#productmodal .modal-content, div#feedback_modal .modal-content{
    border-radius: 10px;
    overflow: hidden;
}
#productmodal .modal-header, div#feedback_modal .modal-header{
    background: #f4a51c;
    color: white;
}
#productmodal .modal-title, div#feedback_modal .modal-title{
	color:white!important;
}
#productmodal .modal-header button, div#feedback_modal .modal-header button{
    width: 25px;
    height: 25px;

    display: flex;
    justify-content: center;
    align-items: center;
	background: white!important;
    color: #f4a51c!important;
    opacity: 1;
    border-radius: 100%!important;
    font-size: 19px!important;
}
#ContactUs_modal .modal-header{	
	
    background: #f4a51c;
}
#ContactUs_modal .modal-header button,#ContactUs_modal .modal-header h4{
	color:white;
    opacity: 1!important;
}
#ContactUs_modal button{border: 0;border-radius: 30px;padding: 12px 30px; color: #fff; text-transform: uppercase; background: #f4a51c;}


}



