.prod-detail-header h2 {
    color: #fff;
    font-size: 42px;
    font-weight: 800;
}

.prod-detail-header h3 {
    color: #f15a29;
    border-bottom: 1px solid #afafaf;
    font-size: 100px;
	display: none;
    position: absolute;
    margin: 0;
    right: 0;
    transform: rotate(90deg);
    font-weight: 600;
}

.rating-wrapper p {
    color: #798188;
    margin: 0 0px 0 15px;
}

.product-detail {
    margin: 50px 0;
}

.prod-detail-header {
    width: 100%;
    max-width: 100%;
    position: relative;
}

.right-heading {
    display: flex;
    position: relative;
}

.rating-wrapper {
    display: flex;
}

.rating-wrapper {
    margin-top: 40px;
}

.star-inner img {
    width: 20px;
}

/*.prod-detail-header:before {
    content: "";
    position: absolute;
    background: #6d6d6d;
    height: .02rem;
    width: 100%;
    bottom: -60px;
}*/

.product-text {
    margin-top: 25px;
}

.product-text p {
    color: #798188;
    font-size: 17px;
    margin-top: 20px;
}

.product-text h4 {
    color: #fff;
    font-weight: 900;
    font-size: 22px;
}





.filter-inner-wrapper {
    display: flex;
}

.filter-box > h4 {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
}

.filter-box {
    /*margin-top: 30px;*/
    /*padding-bottom: 40px;*/
}

.filter-item input {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.front-plate1 {
    background-image: url(../assets/p1-1.png);
}

.filter-item.active {
    filter: drop-shadow(0px 0px 11px red);
}

.front-plate2 {
    background-image: url(../assets/p2-2.png);
}

.front-plate-texture1 {
  background-image: url(../assets/p1.png);
}

.front-plate-texture2 {
    background-image: url(../assets/p2.png);
}

.front-plate-texture3 {
    background-image: url(../assets/p3.png);
}

.front-plate-texture4 {
  background-image: url(../assets/p1.png);
}

.front-plate-texture5 {
    background-image: url(../assets/p2.png);
}

.front-plate-texture6 {
    background-image: url(../assets/p3.png);
}

.front-plate-texture7 {
  background-image: url(../assets/p1.png);
}

.front-plate-texture8 {
    background-image: url(../assets/p2.png);
}

.front-plate-texture9 {
    background-image: url(../assets/p3.png);
}

.swapable-front-plate0 {
  background-image: url(../assets/none.png);
}
.swapable-front-plate1 {
    background-image: url(../assets/sfp1.png);
}


.swapable-front-plate2 {
    background-image: url(../assets/sfp2.png);
}



.swapable-front-plate3 {
    background-image: url(../assets/sfp3.png);
}

.swapable-front-plate4 {
    background-image: url(../assets/sfp4.png);
}

.swapable-front-plate5 {
    background-image: url(../assets/sfp5.png);
}

.swapable-front-plate6 {
    background-image: url(../assets/sfp6.png);
}

.swapable-front-design0 {
  background-image: url(../assets/none.png);
}

.swapable-front-design1 {
    background-image: url(../assets/fpd1.png);
}

.swapable-front-design2 {
    background-image: url(../assets/fpd2.png);
}

.swapable-front-design3 {
    background-image: url(../assets/fpd3.png);
}

.filter-item {
    height: 85px;
    width: 85px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 30px;
}

.filter-item p {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -25px;
    margin: 0;
    color: #798188;
    font-size: 16px;
    font-weight: 700;
}

.filter-box.large-img .filter-item {
    width: 120px;
    height: 200px;
}

.proceed-action .btn-default {
    border: none;
    width: 260px;
    border-radius: 0;
    height: 46px;
    font-size: 18px;
    color: #fff;
    background: #b1b1b1;
    padding: 7px 15px;
    margin-bottom: 20px;
}

.advance-wrap4 .proceed-action .btn-default {
	width: 300px;
	height: 46px;
	text-transform: uppercase;
	font-size: 18px;
	padding: 10px 15px;
	font-family: 'AvenirNextCyr-Regular' !important;
}

.proceed-action {
    display: flex;
    justify-content: space-between;
}

.proceed-action .btn-primary {
    background: #b6250a;
    border: none;
    width: 260px;
    border-radius: 0;
    height: 46px;
    font-size: 18px;
}

.cus-heading h3 {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}

.cus-heading p {
    color: #798188;
    font-size: 18px;
}

.upload-img-button {
    background: #403636;
    position: relative;
    color: #fff;
    font-size: 18px;
    border-radius: 50px;
    cursor: pointer;
    height: 45px;
    width: 275px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upload-img-button input {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.uplaod-img-inner {
    display: flex;
    margin: 20px 0;
    align-items: center;
}

.uplaod-img-inner > h4 {
    color: #fff;
    font-size: 18px;
    margin-left: 10px;
}

.upload-img-button-wrapper > p {
    color: #798188;
    font-size: 18px;
}

.filter-custome-img-wrapper .filter-item.custom-plate1 {
    width: 280px;
    height: 48px;
    background: #a49795;
}


.filter-custome-img-wrapper .filter-item p {
    position: relative;
    top: 13px;
    color: #fff;
}

.filter-custome-img-wrapper .filter-item.custom-plate2 {
    width: 280px;
    height: 48px;
    background: #7a6e6c;
}

.filter-custome-img-wrapper .filter-item input {
    z-index: 9;
}

.picture-preview {
    height: 280px;
    width: 280px;
    display: flex;
    align-items: center;
    color: #ffffff;
    justify-content: center;
    font-size: 20px;
    margin-top: 15px;
}

.filter-custome-img-wrapper .filter-box {
    margin-top: 20px;
}

.filer-custom--inner-wrapper.plate1 .picture-preview {
    background: #a49795;
}

.filer-custom--inner-wrapper.plate2 .picture-preview {
    background: #7a6e6c;
}

.side-acc-wrapper {
    margin: 40px -15px 20px;
    display: flex;
}

.acc--wrpr {
    width: 50%;
    padding: 0 15px;
}

.acc--wrpr > h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.acc--box .acc-header {
    background: #403636;
    color: #fff;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.acc--box .acc-header h3 {
    margin: 0;
    font-size: 16px;
}

.acc--body {
    background: #f15a29;
    padding: 30px;
    position: relative;
    cursor: pointer;
}

.acc--body img {
    width: 100%;
    max-width: 200px;
    display: block;
    margin: auto;
}

.acc--body.active {
    background: red;
}

.acc--body input[type="radio"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    height: 100%;
    opacity: 0;
}

.accordian-wrapper {
    background: #403636;
}

.acc--box {
    margin-bottom: 30px;
}

.accordian-wrapper .card.card-body {
    color: #fff;
    padding: 15px;
}

.accorian-lnk a.link {
    color: #fff;
    padding: 15px 70px;
    display: block;
    text-align: center;
    text-decoration: none;
}

.accorian-lnk a.link .more {
    display: block;
}

.progress {
    height: 50px;
    background: #403636;
    border-radius: 30px;
    margin-top: 30px;
}

.progress-bar {
    background: #c50000;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.progress-bar-wrapper {
    margin: 30px 0 0;
}


.progress-bar-wrapper h5 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
}

/*.product-content {
    margin: 50px 0 0;
}*/
.product-type-composite .product-content {
    margin: 0px 0 0;
}
.product-content h4 {
    font-size: 28px;
    color: #5f666c;
    font-weight: 600;
}

.product-content p {
    color: #5f666c;
    font-size: 22px;
}

.product-content .btn-primary {
    background: #b6250a;
    border: none;
    width: 260px;
    border-radius: 0;
    height: 46px;
    font-size: 18px;
    margin: 30px 0 0;
}

.product-content .btn-default {
    border: none;
    width: 260px;
    border-radius: 0;
    height: 46px;
    font-size: 18px;
    color: #fff;
    background: #b1b1b1;
    margin-top: 15px;
}

.product-content .price {
    color: #fff;
    font-size: 30px;
}
/* wallet frame styling */
.black-frame{
  content: url("../assets/black-frame.png");
}

.silver-frame{
  content: url("../assets/silver-frame.png");
}

/* wallet fiber materials styling */
.fibre-yellow{
  content: url("../assets/fiber-yellow.png");
}

.fibre-black{
  content: url("../assets/fiber-black.png");
}

.fibre-blue{
  content: url("../assets/fiber-blue.png");
}

.fibre-green{
  content: url("../assets/fiber-green.png");
}

.fibre-silver{
  content: url("../assets/fiber-silver.png");
}

.fibre-red{
  content: url("../assets/fiber-red.png");
}

/* wallet metal plate styling */
.mgear-plate-gunmetal{
  content: url("../assets/mgear-plate-gunmetal.png");
}

.mgear-plate-brass{
  content: url("../assets/mgear-plate-brass.png");
}

.mgear-plate-stainless{
  content: url("../assets/mgear-plate-stainless.png");
}

.skull-plate-gunmetal{
  content: url("../assets/skull-plate-gunmetal.png");
}

.skull-plate-brass{
  content: url("../assets/skull-plate-brass.png");
}

.skull-plate-stainless{
  content: url("../assets/skull-plate-stainless.png");
}

.usflag-plate-gunmetal{
  content: url("../assets/usa-plate-gunmetal.png");
}

.usflag-plate-brass{
  content: url("../assets/usa-plate-brass.png");
}

.usflag-plate-stainless{
  content: url("../assets/usa-plate-stainless.png");
}

/* waleet accessories  */
.flashlight-right{
  content: url("../assets/flash-right.png");
}

.flashlight-left{
  content: url('../assets/flash-left.png');
}


@media only screen and (min-width: 768px) and (max-width: 992px){
  .product-customization{
    overflow-y: scroll;
    height: 500px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
  }  
  .product-customization::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
  }
  .product-img h4 {
    color: #fff;
    font-weight: 800;
    font-size: 26px;
    margin-top: 30px;
    text-align: center;
  }
  .product-img {
      text-align: center;
      position: -webkit-sticky; /* Safari */
      position: sticky;
      top: 0;
  }
  .product-img img {
      width: 100%;
      max-width: 420px;
      align-items: center;
  }
  .wallet-body{
    position: relative;
    top: 0px;
    left: 0px;
    content: url("../assets/wallet-body.png");
    height: auto;
    z-index: 0;
  }  
  .wallet-front-frame{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -210px !important;
    height: auto;
    z-index: 1;
  }
  
  .wallet-fibre-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -210px !important;
    height: auto;
    z-index: 0;
  }
  
  .wallet-metal-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -210px !important;
    height: auto;
    z-index: 2;
  }
  .wallet-right-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -210px !important;
    height: auto;
    z-index: -2;
  }
  .wallet-left-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -210px !important;
    height: auto;
    z-index: 3;
  }
}

@media only screen and (min-width: 280px) and (max-width: 399px){
  .product-customization{
    overflow-y: scroll;
    height: 400px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
  }
  .product-customization::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
  }
  .product-img h4 {
    color: #fff;
    font-weight: 800;
    font-size: 26px;
    margin-top: 30px;
    text-align: center;
  }
  .product-img img {
      width: 100%;
      max-width: 280px;
      align-items: center;
  }
  .wallet-body{
    position: relative;
    top: 0px;
    left: 0px;
    content: url("../assets/wallet-body.png");
    height: auto;
    z-index: 0;
  }  
  .wallet-front-frame{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -140px !important;
    height: auto;
    z-index: 1;
  }  
  .wallet-fibre-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -140px !important;
    height: auto;
    z-index: 0;
  }  
  .wallet-metal-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -140px !important;
    height: auto;
    z-index: 2;
  }
  .wallet-right-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -140px !important;
    height: auto;
    z-index: -2;
  }
  .wallet-left-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -140px !important;
    height: auto;
    z-index: 3;
  }
}

@media only screen and (min-width: 400px) and (max-width: 768px){
  .product-customization{
    overflow-y: scroll;
    height: 400px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
  }

  .product-customization::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
  }
  .product-img h4 {
    color: #fff;
    font-weight: 800;
    font-size: 26px;
    margin-top: 30px;
    text-align: center;
  }
  .product-img {
      text-align: center;
      position: -webkit-sticky; /* Safari */
      position: sticky;
      top: 0;
  }
  .product-img img {
      width: 100%;
      max-width: 366px;
      align-items: center;
  }
  .wallet-body{
    position: relative;
    top: 0px;
    left: 0px;
    content: url("../assets/wallet-body.png");
    height: auto;
    z-index: 0;
  }  
  .wallet-front-frame{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -183px !important;
    height: auto;
    z-index: 1;
  }  
  .wallet-fibre-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -183px !important;
    height: auto;
    z-index: 0;
  }  
  .wallet-metal-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -183px !important;
    height: auto;
    z-index: 2;
  }
  .wallet-right-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -183px !important;
    height: auto;
    z-index: -2;
  }
  .wallet-left-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -183px !important;
    height: auto;
    z-index: 3;
  }
}

@media only screen and (min-width: 992px) and (max-width:1400px){
  .product-customization{
    overflow-y: unset ;
    
  }
  .product-img h4 {
    color: #fff;
    font-weight: 800;
    font-size: 28px;
    margin-top: 12px;
    margin-left: 8%;
  }
  .product-img {
      text-align: center;
      /*position: fixed;*/
      top: 15%;
      left: 2%;
  }
  .product-img img {
      width: 100%;
      max-width: 550px;
  }
  .wallet-body{
    position: relative;
    top: 0px;
    left: 0px;
    content: url("../assets/wallet-body.png");
    height: auto;
    z-index: 0;
  }  
  .wallet-front-frame{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 1;
  }  
  .wallet-fibre-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 0;
  }  
  .wallet-metal-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 2;
  }  
  .wallet-right-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: -2;
  }
  .wallet-left-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 3;
  }
  
}

@media only screen and (min-width: 1401px) and (max-width:1560px){
  .product-customization{
    overflow-y: unset ;    
  }
  .product-img h4 {
    color: #fff;
    font-weight: 800;
    font-size: 28px;
    margin-top: 12px;
    margin-left: 8%;
  }
  .product-type-composite .product-img{
      text-align: center;
      position: unset;
      top: 15%;
      left: 3%;
      
  }
  .product-img img {
      width: 100%;
      max-width: 550px;
  }
  .wallet-body{
    position: relative;
    top: 0px;
    left: 0px;
    content: url("../assets/wallet-body.png");
    height: auto;
    z-index: 0;
  }  
  .wallet-front-frame{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 1;
  }  
  .wallet-fibre-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 0;
  }  
  .wallet-metal-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 2;
  }  
  .wallet-right-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: -2;
  }
  .wallet-left-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 3;
  }
  
}

@media only screen and (min-width: 1561px) and (max-width:1980px){
  .product-customization{
    overflow-y: unset ;
    
  }
  .product-img h4 {
    color: #fff;
    font-weight: 800;
    font-size: 28px;
    text-align: center;
    /*margin-top: 12px;
    margin-left: 8%;*/
  }
  .product-img img {
      width: 100%;
      max-width: 550px;
      /*margin-left: 1%;*/
  }  
  .wallet-body{
    position: relative;
    top: 0px;
    left: 0px;
    content: url("../assets/wallet-body.png");
    height: auto;
    z-index: 0;
  }  
  .wallet-front-frame{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 1;
  }
  
  .wallet-fibre-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 0;
  }  
  .wallet-metal-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 2;
  }  
  .wallet-right-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: -2;
  }
  .wallet-left-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 3;
  }
  
}
@media only screen and (min-width: 1981px) and (max-width:2500px){
  .product-customization{
    overflow-y: unset ;    
  }
  .product-img h4 {
    color: #fff;
    font-weight: 800;
    font-size: 28px;
    margin-top: 12px;
    margin-left: 8%;
  }
  .product-img img {
      width: 100%;
      max-width: 550px;
  }
  .wallet-body{
    position: relative;
    top: 0px;
    left: 0px;
    content: url("../assets/wallet-body.png");
    height: auto;
    z-index: 0;
  }  
  .wallet-front-frame{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 1;
  }  
  .wallet-fibre-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 0;
  }  
  .wallet-metal-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 2;
  }
  
  .wallet-right-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: -2;
  }
  .wallet-left-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 3;
  }
  
}

@media only screen and (min-width: 2501px) and (max-width:3500px){
  .product-customization{
    overflow-y: unset ;    
  }
  .product-img h4 {
    color: #fff;
    font-weight: 800;
    font-size: 28px;
    margin-top: 12px;
    margin-left: 8%;
  }
/*  .product-img {
      text-align: center;
      position: fixed;
      top: 15%;
      left: 18%;      
  }*/
  .product-img img {
      width: 100%;
      max-width: 550px;
  }
  .wallet-body{
    position: relative;
    top: 0px;
    left: 0px;
    content: url("../assets/wallet-body.png");
    height: auto;
    z-index: 0;
  }  
  .wallet-front-frame{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 1;
  }
  
  .wallet-fibre-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 0;
  }
  
  .wallet-metal-plate{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 2;
  }
  
  .wallet-right-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: -2;
  }
  .wallet-left-accessories{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -265px !important;
    height: auto;
    z-index: 3;
  }
  
}

@media(max-width:991px){
.prod-detail-header h3 {
    position: relative;
}

.product-content h4 {
    font-size: 24px;
}

.product-content p {
    font-size: 18px;
}

.filter-inner-wrapper {
    flex-wrap: wrap;
}

.filter-item {
    height: 115px;
}

.filter-item p {
    bottom: 8px;
}

.filter-box.large-img .filter-item {
    height: 240px;
}

.accorian-lnk a.link {
    padding: 15px 0;
}

.accorian-lnk a.link .more img {
    width: 10px;
}
}