.MultiCarousel { float: left; overflow: hidden; padding: 10px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}

        .MultiCarousel .MultiCarousel-inner .item > div {
            text-align: center;
    padding: 1px;
    margin: 1px;
    background: #f1f1f1;
    color: #666;
        }


        .MultiCarousel .leftLst, .MultiCarousel .rightLst {
             position:absolute; border-radius:50%;top:calc(80% - 20px);
             }
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }

        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {
             pointer-events: none; background:#ccc;
            }

        .item{
            margin:5px;
        }

        .imgkk {
            position: absolute;
            left: 10px;
            top: 120px;
            display: block;
            z-index: 1;
          }
          .imgkk2 {
            position: absolute;
            left: 190px;
            bottom: 150px;
            display: block;
            z-index: 1;
          }
          .text {
            background-color: #f8af2b;
            color: white;
            font-size: 15px;
            padding: 5px 10px;
          }

          .wrapper {
            position: relative;
          }

          .dashed-box {
            position: relative;
            z-index: 1;
            height: 8em;
            margin-bottom: 1em;
            margin-top: 2em;
          }
          .gold-box {
            position: absolute;
            z-index: 3; /* put .gold-box above .green-box and .dashed-box */
            background: black;
            color:white;
            width: 80%;
            left: 5px;
            top: 5em;
            opacity:0.8;
          }

          .gold-box3 {
            position: absolute;
            z-index: 3; /* put .gold-box above .green-box and .dashed-box */
            background: white;
            color:black;
            width: 80%;
            left: 50px;
            top: 8em;
            opacity:1;
            border-top:1px solid #f8af2b;
            border-left:1px solid #f8af2b;
            border-right:3px solid #f8af2b;
            border-bottom:3px solid #f8af2b;
          }
          .green-box {
            position: absolute;
            z-index: 2; /* put .green-box above .dashed-box */
            width: 30%;
            left: 65%;
            top: -15px;
            height: auto;
            opacity: 0.9;
          }

          .green-box2 {
            position: absolute;
            z-index: -1; /* put .green-box above .dashed-box */
            width: 30%;
            left: 75%;
            top: 25px;
            height: auto;
            opacity: 0.9;
          }


          .carousel-indicators li {
            width: 10px;
            height: 10px;
            border-radius: 100%;
            background-color: #f8af2b;
        }
        .carousel-indicators {
            bottom: -20px;
        }


/* -------------------------- Start Special offer css--------- */

        @media all and (max-width: 479px) {

          .height-sp {
            height:310px;
          }

          .height-h {
            height:680px;

          }

          .text-sp {
            background-color: #f8af2b;
            color: white;
            font-size: 15px;
            padding: 5px 10px;
          }

          .wrapper-sp {
            position: relative;
          }

          .wrapperh {
            position: relative;
          }

          .wrapper-testi {
            position: relative;
          }

          .dashed-box-sp {
            position: relative;
            z-index: 1;
            height: 8em;
            margin-bottom: 1em;
            margin-top: 2em;
          }

          .imgh{
            height:auto;
            width:80%;
          }

          .imgmh{
            height:auto;
            width:100%;
          }

          .marginh{
            padding:5px;
            margin-top: 170px;

          }

          .testiimg{
            height:auto;
            width:100%;
          }

          .testihh{
            height:auto;
          }

          .dashed-boxh {
            position: relative;
            z-index: 1;
            height: 8em;
            margin-bottom: 1em;
            margin-top: 2em;
          }

          .dashed-testi {
            position: relative;
            z-index: 1;
            height: 8em;
            margin-bottom: 1em;
            margin-top: 2em;
          }

          .gold-box-sp {
            position: absolute;
            z-index: 3; /* put .gold-box above .green-box and .dashed-box */
            background: black;
            color:white;
            width: 80%;
            left: 5px;
            top: 5em;
            opacity:0.8;
          }

          .gold-boxh {
            position: absolute;
            z-index: 3; /* put .gold-box above .green-box and .dashed-box */
            background: white;
            color:black;
            width: 80%;
            left: 50px;
            top: 9em;
            opacity:1;
          }

          .gold-box-testi {
            position: absolute;
            z-index: 3; /* put .gold-box above .green-box and .dashed-box */
            background: white;
            color:black;
            width: 80%;
            left:-10px;
            top:75px;
            opacity:1;
            border-top:1px solid #f8af2b;
            border-left:1px solid #f8af2b;
            border-right:3px solid #f8af2b;
            border-bottom:3px solid #f8af2b;
          }


          .green-box-sp {
            position: absolute;
            z-index: 2; /* put .green-box above .dashed-box */
            width: 30%;
            left: 65%;
            top: -15px;
            height: auto;
            opacity: 0.9;
          }

          .green-boxh {
            position: absolute;
            z-index: 2; /* put .green-box above .dashed-box */
            width: 30%;
            left: 80%;
            top: 25px;
            height: auto;
            opacity: 0.9;
          }

          .green-boxhh {
            position: absolute;
            z-index: 2; /* put .green-box above .dashed-box */
            width: 15%;
            left: -5%;
            top: -10px;
            height: auto;
            opacity: 0.9;
          }


          .green-box2 {
            position: absolute;
            z-index: -1; /* put .green-box above .dashed-box */
            width: 30%;
            left: 75%;
            top: 25px;
            height: auto;
            opacity: 0.9;
          }

          .carousel-indicators li {
            width: 10px;
            height: 10px;
            border-radius: 100%;
            background-color: #f8af2b;
        }
        .carousel-indicators {
            bottom: -20px;
        }

        .videoht{
          height: auto;
        }

        .textt {
          background-color: #f8af2b;
          color: white;
          font-size: 15px;
          padding: 5px;
        }

        .testiconh{
          margin-top:100px;
        }

        }


        @media all and (min-width: 480px) {

          .height-sp {
            height:400px;
            width:500px;
            margin-left:40%;

          }

          .height-h {
            height:470px;
            width:100%;
          }

          .text-sp {
            background-color: #f8af2b;
            color: white;
            font-size: 25px;
            padding: 5px 10px;
          }

          .wrapper-sp {
            position: relative;
          }

          .wrapper-testi {
            position: relative;
          }

          .wrapperh {
            position: relative;
          }

          .dashed-box-sp {
            position: relative;
            z-index: 1;
            height: 8em;
            margin-bottom: 1em;
            margin-top: 2em;
          }

          .dashed-box-testi {
            position: relative;
            z-index: 1;
            height: 8em;
            margin-bottom: 1em;
            margin-top: 2em;
          }

          .imgh{
            height:400px;
          }

          .imgmh{
            height:250px;
          }

          .testiimg{
            height:300px;
            width:50%;
            float:right;
          }


          .marginh{
            padding:15px;
            margin-top:50px;
            margin-left:250px;
          }

          .sk:hover{
            color:white;
          }

          .dashed-boxh {
            position: relative;
            z-index: 1;
            height: 8em;
            margin-bottom: 1em;
            margin-top: 2em;
          }

          .gold-box-sp {
            padding:50px;
            position: absolute;
            z-index: 3; /* put .gold-box above .green-box and .dashed-box */
            background: white;
            color:black;
            width: 80%;
            left: -350px;
            top: 7em;
            opacity:1;
          }

          .gold-boxh {
            position: absolute;
            z-index: 1; /* put .gold-box above .green-box and .dashed-box */
            background: white;
            color:black;
            width: 60%;
            left: 300px;
            top: 15em;
            opacity:1;
          }
          .gold-box3 {
            position: absolute;
            z-index: 3; /* put .gold-box above .green-box and .dashed-box */
            background: white;
            color:black;
            width: 80%;
            left: 85px;
            top: 12em;
            opacity:1;
            border-top:1px solid #f8af2b;
            border-left:1px solid #f8af2b;
            border-right:3px solid #f8af2b;
            border-bottom:3px solid #f8af2b;
          }

          .gold-box-testi {
            position: absolute;
            z-index: 3; /* put .gold-box above .green-box and .dashed-box */
            background: white;
            color:#f8af2b;
            width: 50%;
            left: 100px;
            top: 5em;
            opacity:1;
            border: 1px solid ;
            padding: 10px;
            box-shadow: 5px 10px;

          }

          .green-box-sp {
            position: absolute;
            z-index: 2; /* put .green-box above .dashed-box */
            width: 30%;
            left: 85%;
            top: 10px;
            height: auto;
            opacity: 0.9;
          }

          .green-boxh {
            position: absolute;
            z-index: 2; /* put .green-box above .dashed-box */
            width: 15%;
            left: 75%;
            top: 25px;
            height: auto;
            opacity: 0.9;
          }

          .green-boxhh {
            position: absolute;
            z-index: 2; /* put .green-box above .dashed-box */
            width: 15%;
            left: -5%;
            top: -10px;
            height: auto;
            opacity: 0.9;
          }

          .green-box2 {
            position: absolute;
            z-index: -1; /* put .green-box above .dashed-box */
            width: 30%;
            left: 75%;
            top: 25px;
            height: auto;
            opacity: 0.9;
          }

          .carousel-indicators li {
            width: 10px;
            height: 10px;
            border-radius: 100%;
            background-color: #f8af2b;
        }
        .carousel-indicators {
          bottom: -20px;
        }

        .videoht{
          height: 600px;
        }

        .textt {
          background-color: #f8af2b;
          color: white;
          font-size: 15px;
          padding: 5px;
        }

        .testiconh{
          margin-top:50px;
        }

        .testihh{
          height:300px;
        }

        }

/* -------------------------- END Special offer css--------- */