* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .productdisplayleft .productbox {
    width: 100%;
    height:400px;
    display: flex;
    justify-content: center;
    align-items: center;
  
  }
  
  .productdisplayleft .productbox .productboximg {
    width: 100%;
    height: 100%;
    position: relative;
  
  }
  
  .productdisplayleft .productbox .productboximg li {
    list-style: none;
    width: 15%;
    height: 80px;
  
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .productdisplayleft .productbox .productboximg li:hover {
    border: 1px solid #0fcccf;
  }
  
  .productdisplayleft .productbox .productboximg li img {
    width: 80%;
    height: 100%;
  }
  
  .productdisplayleft .productbox .productboximg li ul {
    width: 85%;
    height: 86%;
  
    position: absolute;
    top: 0;
    left: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
  }
  
  .productdisplayleft .productbox .productboximg li ul img {
    width: 80%;
    height: 100%;
  }
  
  .productdisplayleft .productbox .productboximg li:hover ul {
    display: flex;
  }
  
  .productdisplayleft .productbox .productboximg li #active {
    display: flex;
  }
  
  .productdisplayleft .productbox .productboximg .productbocbtn {
    width: 100%;
    display: flex;
  }
  
  .productdisplayleft .productbox .productboximg .productbocbtn a {
    width: 250px;
    height: 55px;
    font-family: sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background-color: rgb(251, 100, 27);
    color: #ffffff;
  }
  
  .productbox .productboximg .productbocbtn a:nth-child(2) {
    background-color: rgb(251, 159, 0);
  }
  
  .productbox .productboximg .productbocbtn a:hover {
    transform: scale(1.1);
    text-shadow: 2px 5px 2px black;
    transition: 1.5s ease;
  }
  /* aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */
  .sectionproductview .row .col-md-5 img{
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      height: 300px;
      }
      @media(max-width:760px){
        .sectionproductview .row .col-md-5 img{
          height: 250px;
        }
      }
      .sectionproductview .row .mright h2{
      font-size: 20px;
      text-transform: uppercase;
      }
      .sectionproductview .row .mright .heading1{
        font-size: 15px;
        font-weight: 500;
      }
      .sectionproductview .row .mright .heading2{
        font-size: 15px;
        font-weight: 500;
      }
      .sectionproductview .row .mright .heading3{
        font-size: 20px;
        font-weight: 500;
        
      }
      .sectionproductview .row .mright .btn{
        background-color: #0f7c90;
        color: #ffff;
      }
      .sectionproductview .row .mleft .myshowcase{
        height: 450px;
      }
      @media(max-width:760px){
        .sectionproductview .row .mleft .myshowcase{
          height: 400px;
        }
      }
      
      .sectionproductview .row .mleft .myshowcase .carousel .carousel-indicators {
          position: absolute;
          right: 0;
          left: 0;
          top: 300px;
          z-index: 15;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          padding-left: 0;
          margin-right: 15%;
          margin-left: 15%;
          list-style: none;
      }
      @media(max-width:760px){
        .sectionproductview .row .mleft .myshowcase .carousel .carousel-indicators {
          top:250px;
        }
      }
      .sectionproductview .row .mleft .myshowcase .carousel .carousel-indicators li{
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 100px;
        height:100px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        transition: opacity .6s ease;
      }
     .sectionproductview .row .mleft .myshowcase .carousel .carousel-indicators li img  {
        width: 60px;
        height: 60px;
       }
      .sectionproductview .row .mleft .btn{
        background-color: #b6252f;
        color: #ffff;
      }
  
    /* 11111111111111111111111111111111111 */
   /* return and exchange */
  
   .returnexchange .row .exleft .myheadingl img{
  height: 170px;
  width: 280px;
  display: block;
  margin-left: auto;
  margin-right: auto;
   }
  
   .returnexchange .row .exright .myheadingl img{
    height: 170px;
    width: 280px;
    display: block;
    margin-left: auto;
    margin-right: auto;
     }
     
  