h2 {
    color: #000;
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin: 30px 0 60px;
  }
  h2::after {
    content: "";
    width: 100px;
    position: absolute;
    margin: 0 auto;
    height: 4px;
    border-radius: 1px;
    background: #FF3400;
    left: 0;
    right: 0;
    bottom: -20px;
  }
  .star-rating li {
    padding: 0;
  }
  .star-rating i {
    font-size: 14px;
    color: #ffc000;
  }

  .gallery-wrap .img-big-wrap img {
    height: 450px;
    width: auto;
    display: inline-block;
    cursor: zoom-in;
  }


  .gallery-wrap .img-small-wrap .item-gallery {
    width: 60px;
    height: 60px;
    border: 1px solid #ddd;
    margin: 7px 2px;
    display: inline-block;
    overflow: hidden;
  }

  .gallery-wrap .img-small-wrap {
    text-align: center;
  }
  .gallery-wrap .img-small-wrap img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 4px;
    cursor: zoom-in;
  }
  .star-rating i {
    color: #FFBB00;
    border-color: #B48530;
    font-size: 12px;
  }
  .card-header{
   position: fixed;
   z-index: 1;
 }
 .scroller {
  overflow: auto;
}
/*carousel-old element*/
 /*.carousel {
    margin: 50px auto;
    padding: 0 70px;
  }
  .carousel .item img { 
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  */
 /* End of old asset code*/

  /* New carousel elements*/
  /*Start of old asset*/
   .carousel .item {
    color: #747d89;
    min-height: 325px;
    text-align: center;
    overflow: hidden;
  }
 .carousel .thumb-wrapper {
    padding: 25px 15px;
    background: #fff;
    border-radius: 6px;
    text-align: center;
    position: relative;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
  }
  .carousel .item .img-box {
    height: 120px;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
  }
   .carousel .item h4 {
    font-size: 18px;
  }
   .carousel .item h4, .carousel .item p, .carousel .item ul {
    margin-bottom: 5px;
  }
  .carousel .thumb-content .btn {
    color: #FF3400;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    background: none;
    border: 1px solid #FF3400;
    padding: 6px 14px;
    margin-top: 5px;
    line-height: 16px;
    border-radius: 20px;
  }
    .carousel .thumb-content .btn:hover, .carousel .thumb-content .btn:focus {
    color: #fff;
    background: #FF3400;
    box-shadow: none;
  }
   .carousel .thumb-content .btn i {
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
  }
    .carousel .item-price {
    font-size: 13px;
    padding: 2px 0;
  }
   .carousel .item-price strike {
    opacity: 0.7;
    margin-right: 5px;
  }
   .carousel-control-prev, .carousel-control-next {
    height: 44px;
    width: 40px;
    background: #FF3400;  
    margin: auto 0;
    border-radius: 4px;
    opacity: 0.8;
  }
.carousel-control-prev:hover, .carousel-control-next:hover {
    background: #FF3400;
    opacity: 1;
  }
.carousel-control-prev i, .carousel-control-next i {
    font-size: 36px;
    position: absolute;
    top: 50%;
    display: inline-block;
    margin: -19px 0 0 0;
    z-index: 5;
    left: 0;
    right: 0;
    color: #fff;
    text-shadow: none;
    font-weight: bold;
  }
.carousel-control-prev i {
    margin-left: -2px;
  }
  .carousel-control-next i {
    margin-right: -4px;
  }   
  .carousel-indicators {
    bottom: -50px;
  }
  .carousel-indicators li, .carousel-indicators li.active {
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 50%;
    border: none;
  }
   .carousel-indicators li { 
    background: rgba(0, 0, 0, 0.2);
  }
  .carousel-indicators li.active {  
    background: rgba(0, 0, 0, 0.6);
  }
  .carousel .wish-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
    cursor: pointer;
    font-size: 16px;
    color: #abb0b8;
  }
   .carousel .wish-icon .fa-heart {
    color: #ff6161;
  }
  /*end of old asset*/

  /*start of new asset */
  .carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1
}

.carousel-inner {
  position: relative;
  width: 100%;
  margin-top: 10px; /*fixting postions list image*/
  overflow: hidden
}

.carousel .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  -moz-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left
}

.carousel .item>img {
  display: block;
  line-height: 1
}

.carousel .active,
.carousel .next,
.carousel .prev {
  display: block
}

.carousel .active {
  left: 0
}

.carousel .next,
.carousel .prev {
  position: absolute;
  top: 0;
  width: 100%
}

.carousel .next {
  left: 100%
}

.carousel .prev {
  left: -100%
}

.carousel .next.left,
.carousel .prev.right {
  left: 0
}

.carousel .active.left {
  left: -100%
}

.carousel .active.right {
  left: 100%
}

.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #fff;
  text-align: center;
  background: #222;
  border: 3px solid #fff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: .5;
  filter: alpha(opacity=50)
}

.carousel-control.right {
  right: 15px;
  left: auto
}

.carousel-control:hover {
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90)
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  background: #333;
  background: rgba(0, 0, 0, 0.75)
}

.carousel-caption h4,
.carousel-caption p {
  line-height: 20px;
  color: #fff
}

.carousel-caption h4 {
  margin: 0 0 5px
}

.carousel-caption p {
  margin-bottom: 0
}
.moreOptopm.carousel .item img:hover {
    border: 1px solid #FF3400;
}
.moreOptopm.carousel .item img {
    padding: 2px;
    border: 1px solid #ddd;
}

   /* end of New carousel elements*/
   
 /* ----- Responsive Navbar with Media Queries ----*/
@media only screen and (min-width: 320px) and (max-width: 767.98px) {
h4#Pdetailstip {
  /*  margin-top: unset!important;*/
    width: unset!important;
    margin-bottom: unset!important;
}
.row {
    margin-left: inherit!important; /*page div alignment center*/
    margin-top: 10px!important;/*page div alignment center*/
}
div#Customereview {
    margin-top: 50px!important;
}

div#labelheading {
    margin-top: inherit!important;
}
.carousel .active {
    margin-bottom: -163px!important;
}
div#days_countdown {
    margin-bottom: initial!important;
}
p.more {
    margin-top: 20px;
}
.star-rating {
    margin-left: inherit!important;
}
div#DeliveryTime {
    margin-top: inherit!important;
    margin-bottom: 30%;
}
button#Wishlist {
    width: 60%!important;
    margin-bottom: 5%;
    margin-top: 5%!important;
    margin-left: 20%;
    
}
.card {
    width: inherit!important;
}
div#offersdealsbox {
    height: unset!important;
}
p#offersdeals1,#offersdeals2,#offersdeals3,#offersdeals4 {
    margin-top: .50rem;
}
}
/* ----- End Responsive Navbar with Media Queries ----*/


@media only screen and (min-width: 1063px) and (max-width: 1199px) {

/*all page global bredcamp menu hide*/
.btn-link {
 
     font-size: small!important;
    }

}
@media only screen and (min-width: 848px) and (max-width: 1062px) {

/*all page global bredcamp menu hide*/
.btn-link {
      font-weight: 700!important;
     font-size: 10px!important;
    }
    #Pdetailstip{
    font-size: x-small;
}

}
@media only screen and (min-width: 769px) and (max-width: 847px) {
    #countdown{
   font-size:13px!important;  
}
#days_countdown{
    font-size:9px!important;
}

/*all page global bredcamp menu hide*/
.btn-link {
  font-weight: 700!important;
     font-size: 10px!important;
     padding-bottom: 0px!important;
    }
    #redtilte{
  
              margin-top: 7px!important;
               /*width: max-content!important;*/

    }
     #Pdetailstip{
 font-size: x-small;
}


#minstimes{
     font-size:7px!important;
   margin-bottom: -20px!important;
}
}
@media only screen and (min-width: 630px) and (max-width: 768px) {

/*all page global bredcamp menu hide*/
.btn-link {
      font-weight: 700!important;
     font-size: 10px!important;
    padding-top: 32px!important;
}
    #redtilte{
  
              margin-top: 60px!important;
     /*          width: max-content!important;*/

    }
    h5{

      font-size: 12px;
}
h3 {
    font-size: 18px;
}
 #Pdetailstip{
 font-size: x-small;
}
#countdown{
   font-size:13px!important;  
}
#days_countdown{
    font-size:9px!important;
}
#minstimes{
     font-size:7px!important;
}
#upay{
        font-size: 13px!important;
}
}

@media only screen and (min-width: 400px) and (max-width:630px ) {

/*all page global bredcamp menu hide*/
/*.btn-link {
   font-size: 7px!important;
    padding-top: 29px!important;
}
    #redtilte{
            
             margin-top:36px!important;
  

    }
#Pdetailstip{
 font-size: small;
}*/

h4#Pdetailstip {
   margin-top: unset!important;
}

.card-header, nav.header-navigation {
    display: none!important;
}
}

@media only screen and (min-width: 300px) and (max-width: 396px) {

/*all page global bredcamp menu hide*/
/*.btn-link {
   font-size: 7px!important;
    padding-top: 29px!important;
}
    #redtilte{
            
             margin-top:50px!important;
           

    }
#Pdetailstip{
   font-size: small;
}
*/
h4#Pdetailstip {
    margin-top: unset!important;
}

.card-header, nav.header-navigation {
    display: none!important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1120px) {

.star-rating{

      margin-left:0px!important;

}
h5{

      font-size: 12px;
}
h5#upay{
   font-size:13px!important;
   
}
  }
  
  @media only screen and (min-width: 769px) and (max-width: 847px) {

/*all page global bredcamp menu hide*/
.btn-link {
  font-weight: 700!important;
     font-size: 10px!important;
     padding-bottom: 0px!important;
    }
     #v-pills-tab{
          font-size: 11px!important;
    }
#redstripheading{
    font-size: x-small;
}
   #Offerstipbox
{
 font-size:x-small;
}
  #headerbox{
         margin-top: 130px!important;
              /*width:100%!important;*/
       /*       font-size: inherit;*/
    }
    #countdown{
   font-size:11px!important;  
}
#days_countdown{
    font-size:9px!important;
}
#minstimes{
     font-size:7px!important;
        margin-bottom: -20px!important;
}

}
@media only screen and (min-width: 600px) and (max-width: 768px) {

/*all page global bredcamp menu hide*/
.btn-link {
      font-weight: 700!important;
     font-size: 10px!important;
    padding-top: 32px!important;
}
    #bradcampblock{
  
              margin-top: 130px!important;
              width:100%!important;

    }
    #headerbox{
         margin-top: 156px!important;
              /*width:100%!important;*/
       /*       font-size: inherit;*/
    }
    #redstripheading{
 font-size:x-small;
}
#countdown{
   font-size:11px!important;  
}
#days_countdown{
    font-size:9px!important;
}
#minstimes{
     font-size:7px!important;
}
     #headerbox1{
         margin-top:66px!important;
              width:100%!important;
    }
    
     #headerboxabout{
          margin-top: 66px!important;
              width:100%!important;
    }
     #headerbox2{
    margin-top: -37px!important;
    
     }
    
    #headerboxviewoffer{
        margin-top: 130px!important;
              width:100%!important;
        
    }
    #v-pills-tab{
          font-size: 11px!important;
    }
    #Offerstipbox
{
 font-size: small;
}

}
@media only screen and (min-width:847px) and (max-width: 936px) {
    #countdown{
   font-size:10px!important;  
}
#days_countdown{
    font-size:9px!important;
}
#minstimes{
     font-size:7px!important;
        margin-bottom: -20px!important;
}
}