/*--------------------------------------------------------------* Body Content *--------------------------------------------------------------*/
 body{
     background: #000000;
}
 .main-container > section{
    position: relative;
     clear: both;
     border: 0;
     padding:30px 0px 30px;
}
 .features-section{
    padding:0px!important;
}
 .bus-variation-box{
    background:url('images/variation-img-1.jpg') no-repeat scroll center bottom;
     background-size:cover;
     padding-top:60px;
     padding-bottom:75%;
     padding-left:60px;
     padding-right:60px;
}
 .bus-variation-box.second-variation{
    background:url('images/variation-img-2.jpg') no-repeat scroll center bottom;
     background-size:cover;
}
 .bus-variation-box .variation-title{
    text-align:center;
     text-transform:uppercase;
     font-size:48px;
}
 .bus-variation-box .variation-details{
    display:flex;
     flex-wrap:wrap;
     width:100%;
     margin:30px 0 0;
}
 .bus-variation-box .variation-details .item{
    flex:0 0 50%;
     max-width:50%;
     width:100%;
     text-align:center;
}
 .bus-variation-box .variation-details h4{
    margin-bottom:0px;
}
/*-------------------------------------------------------------* features section *--------------------------------------------------------------*/
/*-------------------------------------------------------------* Banner section *--------------------------------------------------------------*/
/* Banner */
 .slideshow{
     padding: 0px!important;
}
 .zana-international .slideshow-overlay:before {
     background-color: #000000;
     opacity: 0.3;
}
 .zana-international .slideshow .whiteText .ss-small-title {
     font-size: 15px !important;
}
 .zana-international .slideshow .whiteText .ss-mega-title {
     font-size: 55px;
     margin-bottom: 20px;
     letter-spacing: 0.01em;
}
 .zana-international .slideshow .ss-sub-title {
     font-size: 17px !important;
     margin-bottom: 30px;
     letter-spacing: 0.02em;
     line-height: 1.3;
}
 .zana-international .slideshow .btn.btn-lg {
     font-size: 17px;
}
 .zana-international .slideshow .whiteText .btn-outline-primary:hover {
     color: #fff;
     background-color: #222 !important;
     border-color: #222;
}
 .slideshow-wrapper, .slideshow .slide {
     position:relative;
}
 .slideshow .bottom-middle {
     height:100%;
     padding-left:60px;
     padding-right:60px;
}
 .slideshow .bottom-middle .slideshow-content-in {
     top:auto;
     bottom:50px;
     -ms-transform:none;
     -webkit-transform:none;
     transform:none;
}
 .slideshow .bottom-left .slideshow-content-in {
     top:auto;
     left:60px;
     bottom:60px;
     -ms-transform:none;
     -webkit-transform:none;
     transform:none;
}
 .slideshow .middle-right .slideshow-content-in {
     text-align:left;
     right:17%;
     -ms-transform:translateY(-50%);
     -webkit-transform:translateY(-50%);
     transform:translateY(-50%);
}
 .slideshow .middle-left .slideshow-content-in {
     text-align:left;
     left:17%;
}
 .slideshow .middle-bottom .slideshow-content-in {
     right: 14%;
     bottom: 8%;
     top: auto;
     -ms-transform: none;
     -webkit-transform: none;
     transform: none;
}
 .slideshow-content-in {
     position:absolute;
     max-width:max-content;
     width:100%;
     top:45%;
     z-index:3;
     -ms-transform:translateY(-50%);
     -webkit-transform:translateY(-50%);
     transform:translateY(-50%);
}
 .slideshow .wrap-caption {
     display:inline-block;
     padding:25px;
}
 .slideshow--medium {
     height: 600px;
}
 .slideshow--large {
     padding-bottom: 60px 
}
 .slideshow--xlarge {
     height: 900px;
}
 .slideshow .ss-sub-title {
     color:#000000;
     margin-bottom:20px;
     text-shadow:1px 1px 4px rgba(0,0,0,0);
     display:block;
}
 .slideshow .whiteText .ss-mega-title, .slideshow .whiteText .ss-sub-title, .slideshow .whiteText .ss-small-title {
     color:#fff;
     text-transform:none;
}
/* .slideshow-overlay:before {
     content: '';
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     left:0;
     opacity:0.5;
     z-index:3;
}
 */
 .slideshow .slick-slide img {
     width:100%;
}
 .slideshow .btn-primary + .btn-primary {
     margin-left:20px;
}
 .slideshow .whiteText .btn-primary {
     color:#000;
     background-color:#fff;
     border-color:#fff;
}
 .slideshow .whiteText .btn-primary:hover, .slideshow .whiteText .btn-primary:focus {
     color:#fff;
     background-color:#000;
     border-color:#000;
}
 .slideshow .slick-prev, .slideshow .slick-next {
     line-height:normal;
     font-size:0px;
     padding:0;
     border:0;
     opacity:0;
     visibility:hidden;
     position:absolute;
     z-index:4;
     top:50%;
     -ms-transform:translateY(-50%);
     -webkit-transform:translateY(-50%);
     transform:translateY(-50%);
     width:40px;
     height:40px;
     text-align:center;
     background-color:transparent;
     -ms-transition:all ease-out 0.2s;
     -webkit-transition:all ease-out 0.2s;
     transition:all ease-out 0.2s;
}
 .slideshow .btn-outline-primary {
     background-color:transparent !important;
}
 .slideshow .btn-outline-primary:hover {
     background-color:#000 !important;
}
 .slideshow .whiteText .btn-outline-primary {
     color:#000;
     border-color:#fff;
     background-color:#fff !important;
}
 .slideshow .whiteText .btn-outline-primary:hover {
     color:#fff;
     border-color:#fff;
     background-color:#000 !important;
}
 .slideshow:hover .slick-prev, .slideshow:hover .slick-next {
     opacity:1;
     visibility:visible;
}
 .slideshow .slick-prev {
     left:30px;
}
 .slideshow .slick-next {
     right:30px;
}
 .slideshow .slick-next:before {
     content:"\ea8c";
     font-family:"annimex-icons";
     color:#fff;
}
 .slideshow .slick-prev:before {
     content:"\ea8b";
     font-family:"annimex-icons";
     color:#fff;
}
 .slideshow .slick-prev:before, .slideshow .slick-next:before {
     font-size:25px;
     line-height:25px;
}
 .slideshow .btn {
     color:#fff;
     background-color:#000;
     border-color:#000;
}
 .slideshow .btn:hover {
     color:#fff;
     background-color:#f4857b;
     border-color:#f4857b;
}
 .slideshow .slick-dots {
     margin:0;
     width:auto;
     padding:0;
     list-style:none;
     position:absolute;
     bottom:30px;
     text-align:center;
     left:50%;
     transform:translateX(-50%);
     -webkit-transform:translateX(-50%);
     -ms-transform:translateX(-50%);
}
 .slideshow .slick-dots li {
     width:12px;
     height:12px;
     vertical-align:middle;
     position:relative;
     display:inline-block;
     padding:0;
     cursor:pointer;
     margin-right:8px;
}
 .slideshow .slick-dots li button {
     color:transparent;
     line-height:0;
     font-size:0;
     background:transparent;
     display:block;
     cursor:pointer;
     color:#fff;
     width:14px;
     height:14px;
     text-indent:-9999px;
     padding:0;
     border-radius: 100%;
     border:2px solid #fff;
     transition:all 0.2s;
     -webkit-transition:all 0.2s;
     -ms-transition:all 0.2s;
     opacity:1;
}
 .slideshow .slick-dots li.slick-active button {
     background-color:#fff;
}
 .slideshow img.mobile-hide {
     display:none;
}
 @media only screen and (max-width: 1199px) {
     .slideshow__text-content {
         max-width:450px;
    }
     .slideshow .slideshow__title {
         font-size:30px;
    }
     .slideshow .slideshow__subtitle {
         font-size:14px;
    }
     .slideshow .middle-left .slideshow-content-in {
         left:30px;
    }
     .slideshow .middle-right .slideshow-content-in {
         right:30px;
    }
     .slideshow .bottom-middle .slideshow-content-in {
         bottom:35px;
    }
     .slideshow .middle-bottom .slideshow-content-in {
         right: 30px;
    }
}
 @media only screen and (max-width: 1024px) {
     .productSlider .slick-next, .collection-box .collection-grid .slick-next, .productPageSlider .slick-next {
         right:-10px;
    }
     .productSlider .slick-prev, .collection-box .collection-grid .slick-prev, .productPageSlider .slick-prev {
         left:-10px;
    }
     .productSlider .slick-prev:before, .productSlider .slick-next:before {
         font-size:15px;
    }
     .slideshow .slick-arrow {
         opacity:1;
         visibility:visible;
    }
     .slideshow--medium {
         height: 450px;
    }
     #search-popup {
         padding:20px 15px 20px 15px;
    }
     .grid-row {
         margin-top:-15px;
    }
     .grid-row .grid-col {
         padding-top:15px;
    }
     .upsell-bundle .row {
         margin-left: -10px;
         margin-right: -10px;
    }
     .upsell-bundle .usbImgCall {
         padding-left: 10px;
         padding-right: 10px;
         width: 75px;
    }
}
/* Banner */
 #features .col-6-section {
     margin-bottom:20px;
     padding-left:10px;
     padding-right:10px;
}
/* .hover-banner-area .col-6-section{*/
/*     margin-bottom:20px;*/
/*     padding-left:10px;*/
/*     padding-right:10px;*/
/*}*/
 .slideshow-content .wrap-caption p.ss-small-title{
     font-size:15px;
}
 .slideshow-content .wrap-caption h2.mega-title {
     font-size:35px;
}
 .slideshow-content .wrap-caption span.mega-subtitle{
     font-size:15px;
}
 @media screen and (max-width: 992px) {
     #features .col-6-section {
         margin-bottom:20px;
    }
     .hot_details_product .section_title{
         text-align:start;
    }
     .hover-banner-area .col-6-section{
         margin-bottom:20px;
    }
     .slideshow-content-in {
         position: absolute;
         max-width: max-content;
         width: 100%;
         top: 30% !important;
         z-index: 3;
         -ms-transform: translateY(-50%);
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
    }
}
 @media screen and (max-width: 820px){
     .hot_details_product .section_title{
         text-align:center !important;
    }
     .two-hot-details .section_title{
         text-align:center !important;
    }
     .bus-variation-box .variation-title {
         text-align: center;
         text-transform: uppercase;
         font-size: 35px;
    }
     .single-banner .banner-content p {
         font-size: 20px;
    }
     .single-banner--hoverborder .banner-content--black-left {
         text-align: left;
         left: 40px;
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
    }
     .discount-area .discount-right {
         margin-left: 8%;
    }
}
 @media screen and (max-width: 767px){
     /*.product-buttons{*/
     /*    display: none;*/
     /*}*/
     
     .nav.product_tab_menu.justify-content-end {
         -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
         justify-content: center !important;
         margin-top: 30px;
    }
     .nav.product_tab_menu.justify-content-start{
         -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
         justify-content: center !important;
         margin-top: 30px;
    }
}
 @media screen and (max-width: 667px) {
     .slideshow--large {
         padding-bottom: 45px;
    }
     .bus-variation-box .variation-title{
         font-size:25px;
    }
     .bus-variation-box {
         background: url(images/variation-img-1.jpg) no-repeat scroll center bottom;
         background-size: cover;
         padding-top: 60px;
         padding-bottom: 35%;
         padding-left: 20px;
         padding-right: 20px;
    }
     .single-banner .banner-content p{
         font-size:20px;
    }
     .single-banner--hoverborder .banner-content--black-left {
         text-align: left;
         left: 90px;
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
         font-size: 10px;
    }
     .single-banner--hoverborder .banner-content--middle-white {
         left: 39%;
         text-align: center;
         font-size: 37px;
         line-height: 35px;
         text-transform: uppercase;
         color: #ffffff;
         font-weight: 300;
         -webkit-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
    }
     .product_tab_menu a{
         line-height: 2;
         margin-right: 30px;
    }
     .main-container > section {
         position: relative;
         clear: both;
         border: 0;
         padding: 30px 0px 30px;
    }
     h2.large-heading {
         font-size: 2.625rem;
         line-height: 1;
         color: #fff;
    }
     .discount-area .discount-left .content h1 .save {
         margin-top: 15px !important;
    }
}
 @media screen and (max-width: 414px){
     .single-banner--hoverborder .banner-content--middle-white {
         left: 33%;
         text-align: center;
         font-size: 37px;
         line-height: 35px;
         text-transform: uppercase;
         color: #ffffff;
         font-weight: 300;
         -webkit-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
    }
     .discount-area .discount-right {
         transform: scale(.6);
         margin-left: -25%;
         margin-top: 30px;
         margin-bottom: 0;
    }
     .single-banner--hoverborder .banner-content--black-left {
         text-align: left;
         left: 35px;
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
         font-size: 10px;
    }
     .product_hover {
         bottom: 40px;
         left: 30px;
         position: absolute;
         right: 30px;
         top: 8px;
    }
     .product__desc h3 {
         color: #151320!important;
         font-size: 12px;
         font-weight: bold;
         margin-bottom: 0;
    }
}
 .two-hot-details .section_title{
     text-align:end;
}
/* -------------------------- Offer Section -------------------*/
 .mb-50 {
     margin-bottom: 50px !important;
}
 .single-banner--hoverborder {
     position: relative;
     overflow: hidden;
}
 .single-banner--hoverborder .banner-link {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 2;
}
 @media only screen and (min-width: 1200px) and (max-width: 1499px){
     .single-banner--hoverborder .banner-content--middle-white {
         font-size: 25px;
         line-height: 35px;
    }
}
 .single-banner--hoverborder .banner-content--middle-white {
     left: 50%;
     text-align: center;
     font-size: 37px;
     line-height: 48px;
     text-transform: uppercase;
     color: #ffffff;
     font-weight: 300;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .single-banner--hoverborder .banner-content {
     position: absolute;
     width: 100%;
     top: 50%;
     bottom: auto;
}
 @media only screen and (min-width: 1200px) and (max-width: 1499px){
     .single-banner--hoverborder .banner-content--middle-white {
         font-size: 25px;
         line-height: 35px;
    }
}
 .single-banner--hoverborder .banner-content span.bold-white {
     font-weight: 600;
     padding-right: 10px;
}
 *, *::after, *::before {
    /* -webkit-box-sizing: border-box;
     */
     box-sizing: border-box;
}
 .hoverborder:hover:after {
     visibility: visible;
     opacity: 1;
}
 .single-banner--hoverborder:after {
     display: block;
     position: absolute;
     content: "";
     top: 20px;
     left: 20px;
     width: calc(100% - 40px);
     height: calc(100% - 40px);
     background-color: transparent;
     border: 1px solid #ffffff;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: 0.6s;
     transition: 0.6s;
}
 .single-banner--hoverborder .banner-content--black-left {
     text-align: left;
     left: 80px;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 @media only screen and (min-width: 1200px) and (max-width: 1499px){
     .single-banner--hoverborder .banner-content span.big-text {
         font-size: 25px;
         line-height: 35px;
    }
}
 .roadmap{
    position:relative;
     bottom:0;
     height:170px;
     background:url("../images/road-img.png") ;
     background-size: auto 170px;
}
 .roadmap .left-right > div{
    position:absolute;
     left:0;
     bottom:18px;
     width:100%;
}
 .roadmap .right-left > div{
    position:absolute;
     left:0;
     bottom:18px;
     width:100%;
}
 .roadmap .left-right > div img{
    max-height:50px;
}
 .roadmap .right-left > div img{
    max-height:50px;
}
 .roadmap .bike-logo{
     left:auto;
     right:0px;
     top:28px;
     bottom:auto;
     transform: translateX(100%);
     -webkit-animation: mymove 15s 3s infinite linear;
    /* Safari 4.0 - 8.0 */
     animation: mymove 10s 1s infinite linear;
}
 .roadmap .left-right > div{
    transform: translateX(-10%);
}
 @-webkit-keyframes mymove {
     from {
        transform: translateX(100%);
    }
     to {
        transform: translateX(-10%);
    }
}
 @keyframes mymove {
     from {
        transform: translateX(100%);
    }
     to {
        transform: translateX(-10%);
    }
}
 .roadmap .car-logo.move_active{
    -webkit-animation: carmove 15s 1s infinite linear;
    /* Safari 4.0 - 8.0 */
     animation: carmove 15s 1s infinite linear;
}
 .roadmap .bus-logo.move_active{
    -webkit-animation: carmove 15s 1s infinite linear;
    /* Safari 4.0 - 8.0 */
     animation: carmove 12s 0s infinite linear;
}
 .roadmap .bicycle-logo.move_active{
    -webkit-animation: carmove 15s 1s infinite linear;
    /* Safari 4.0 - 8.0 */
     animation: carmove 15s 1s infinite linear;
}
 @-webkit-keyframes carmove {
     from {
        transform: translateX(-10%);
    }
     to {
        transform: translateX(100%);
    }
}
 @keyframes carmove {
     from {
        transform: translateX(-10%);
    }
     to {
        transform: translateX(100%);
    }
}
/* -------------------offer Section------------------------- */
/* ---------- Tab Section ------------------------- */
 .hot_details_product .col-lg-9 .row .col-lg-4,.shop_area .tab-pane .row .col-lg-3,.shop_area #grid_view.tab-pane .row .col-lg-4,.row.related_product_guttters .col-lg-3 {
     margin-bottom: 12px;
     padding-left: 6px;
     padding-right: 6px;
}
 .hot_details_product .col-lg-9 .row,.shop_area .container #grid_view.tab-pane .row,.row.related_product_guttters {
     margin-left: -1.5px;
     margin-right: -1.5px;
}
 .single__product {
    /* position: relative;
    */
    /*overflow: hidden;
    */
     border: 2px solid #2b2b2b;
     padding: 5px;
     border-style: dashed;
}
 .single__product:hover .product_action {
     margin-bottom: 14px;
     opacity: 1;
     visibility: visible;
}
 .single__product .pro_badge,.product-details-tab .pro_badge{
     background: #fa0f07 none repeat scroll 0 0;
     color: #ffffff;
     font-weight: 600;
     left: 30px;
     padding: 0 5px;
     position: absolute;
     text-transform: uppercase;
     top: 15px;
}
 .section_title > h2 {
     color: #ffffff!important;
     font-weight: bold;
     line-height: 20px;
     margin-bottom: 0;
     padding-bottom: 5px;
     position: relative;
     text-transform: uppercase;
     font-size: 22px;
}
 .section_title > h2::before {
     background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#000000), to(#ffffff)) repeat scroll 0 0;
     background: rgba(0, 0, 0, 0) linear-gradient(to right, #000000 0%, #ffffff 100%) repeat scroll 0 0;
     bottom: -11px;
     content: "";
     height: 2px;
     position: absolute;
     width: 120px;
}
 .hot_details_product .single_banner.long_hot_detals {
     position: sticky!important;
     top: 100px;
     z-index: -1;
    /*top:0;
    */
    /*z-index:-1;
    */
}
 .product_tab_menu span {
     color: #fff;
     font-size: 12.5px;
     font-weight: 600;
     line-height: 1;
     margin-right: 14px;
     text-decoration: none!important;
}
 .product_tab_menu span:hover {
     cursor: pointer;
}
 .product_tab_menu a:last-child {
     margin-right: 0;
}
 .product_tab_menu a:hover, .product_tab_menu a.active {
     color: #fa0f07;
}
 .tab-content > .tab-pane.active {
     display: block;
     height: auto;
     opacity: 1;
     overflow: visible;
}
 .tab-content > .tab-pane {
     display: block;
     height: 0;
     opacity: 0;
     overflow: hidden;
}
 .tab-content .tab-pane > p {
     color: #151320;
     font-size: 16px;
     margin-bottom: 0;
}
 .mt-60 {
     margin-top: 60px;
}
 .product_hover {
     bottom: 40px;
     left: 30px;
     position: absolute;
     right: 30px;
}
 .product__desc h3 {
     color: #151320!important;
     font-size: 16px;
     font-weight: bold;
     margin-bottom: 0;
}
 .produc_thumb img{
     max-width:100%;
     height:auto;
}
 .product__desc h3 a{
     color:#151320;
     text-decoration: none!important;
}
 .product__desc h3 a:hover{
     color:#fa0f07;
     text-decoration: none!important;
}
 .price_amount span {
     color: #151320;
     font-size: 16px;
     font-weight: 600;
}
 .price_amount span.discount_price {
     background: #fa0f07 none repeat scroll 0 0;
     color: #ffffff;
     padding: 0 5px;
}
 .price_amount span.old_price {
     font-size: 14px;
     font-weight: 300;
     text-decoration: line-through;
}
 .product_action > a {
     background: #f6f7f8 none repeat scroll 0 0;
     border: 1px solid #aaaaaa;
     border-radius: 4px;
     color: #a9a9a9;
     display: inline-block;
     font-size: 20px;
     height: 35px;
     line-height: 34px;
     margin-right: 8px;
     text-align: center;
     width: 35px;
}
 .product_action > a:last-child {
     margin-right: 0;
}
 .product_action > a:hover {
     border-color: #fa0f07;
     color: #fa0f07;
}
 .product_action {
     margin-bottom: 35px;
     opacity: 0;
     -webkit-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     visibility: hidden;
}
 .single__product:hover .product_action {
     margin-bottom: 14px;
     opacity: 1;
     visibility: visible;
}
 .single_banner {
     display: block;
     overflow: hidden;
}
 .single_banner a {
     display: block;
     position: relative;
}
 .single_banner a::before {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: #000;
     opacity: 0;
     -webkit-transition: .3s;
     transition: .3s;
     z-index: 1;
}
 .single_banner a:hover::before {
     opacity: 0.22;
}
 .single_banner img {
    /* width: 100%;
     */
     max-width: 100%;
     -webkit-transition: -webkit-transform .7s;
     transition: -webkit-transform .7s;
     transition: transform .7s;
     transition: transform .7s, -webkit-transform .7s;
}
 .single_banner:hover img {
     -webkit-transform: scale(1.15);
     transform: scale(1.15);
}
 .single_banner.pd_right {
     margin-right: 50px;
}
/* -----------Tab Section------------------------- */
/*--------------------------------------------------------------* Features *--------------------------------------------------------------*/
 .features-box{
    text-align:center !important;
     margin:0px;
     padding:30px 0px 0px;
}
 .features-box .feature-ico{
    margin-bottom:15px;
     display:block;
}
 .features-box h4{
    margin-bottom:15px;
     color:#fff!important
}
 .features-box p{
    color:#fff!important
}
 .features-middle-img{
    padding:15px 30px 0px;
     position:relative;
     text-align:center;
}
 .features-middle-img img{
    max-height:700px;
}
 .circle-animation{
    height: 100%;
     width: 100%;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     max-width: 400px;
     max-height:400px;
     z-index: 0;
     opacity: 0.15;
     background:#dd0707;
}
 .circle-animation:before, .circle-animation:after {
    content: '';
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     border:20px solid #dd0707;
     border-radius: 50%;
}
 .circle-animation:before {
    animation: circleripple 4s linear infinite;
}
 .circle-animation:after {
    animation: circleripple 4s linear 2s infinite;
}
 .circle-animation.animated{
    opacity:0 !important;
}
 @keyframes circleripple{
     0% {
         transform: scale(1);
    }
     50% {
         transform: scale(1.3);
         opacity:1;
    }
     100% {
         transform: scale(1.6);
         opacity:0;
    }
}
/*-------------------------------------------------------------* features section *--------------------------------------------------------------*/
 .feature-box{
    position:relative;
     padding:10px 40px 30px 20px;
     margin:50px 0px 0px;
     overflow:hidden;
}
 .feature-box:before{
    background:var(--main-color);
     position:absolute;
     left:0px;
     top:0;
     bottom:0;
     width:2px;
     content:"";
     display:block;
     z-index:9;
}
 .feature-icon{
    margin-bottom:15px;
     height: 220px;
     width: 220px;
     position: relative;
     display:flex;
     align-items:center;
}
 .feature-icon:before, .feature-icon:after{
    border:1px solid #c7c7c7;
     height:220px;
     width:220px;
     content:"";
     display: block;
     -webkit-border-radius:50%;
     border-radius:50%;
     position:absolute;
     top:5px;
     left:-40px;
}
 .feature-icon:after{
    top: -5px;
     left: -25px;
}
 .feature-icon img{
     max-height:150px;
     max-width:150px;
     width:100%;
     height:100%;
}
 .features-row{
    padding-bottom:100px;
}
 .heading-wrapper{
    margin-bottom:30px;
}
 h2.large-heading{
     line-height:1;
     color:#fff 
}
 h2.large-heading span{
    display:block;
     font-size:2.225rem;
     color:#dd0707;
     font-weight:400;
}
/* Discount Section */
 .discount-area {
     background-image: -webkit-gradient(linear, left top, left bottom, from(#E3051A), to(#463891));
     background-image: -webkit-linear-gradient(#E3051A, #463891);
     background-image: -o-linear-gradient(#E3051A, #463891);
     background-image: linear-gradient(#E3051A, #463891);
     padding: 40px 0px;
}
 .discount-area .discount-left .content {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 90%;
     text-align: center;
}
 .discount-area .discount-left .content a {
     font-size: 12px;
}
 .discount-area .discount-left .content a span {
     font-size: 22px;
}
 .discount-area .discount-left .content .top-text {
     font-size: 50px;
     color: #fff;
     font-family: var(--body-font);
     letter-spacing: 1.38px;
     font-weight: 700;
}
 .discount-area .discount-left .content h1 {
     font-size: 50px;
     color: #fff;
     font-family: var(--body-font);
     letter-spacing: 0;
     position: relative;
     display: -ms-grid;
     display: grid;
     left: 5%;
}
 .discount-area .discount-left .content h1 .save {
     position: absolute;
     margin-top: 90px;
}
 .discount-area .discount-left .content h1 .percent {
     font-size: 227px;
     font-weight: 900;
     margin-left: 60px;
}
 .discount-area .discount-right {
     position: relative;
     padding: 20px 0px;
}
 .discount-area .discount-right img {
     padding: 65px;
     z-index: 9999;
     position: relative;
}
 .discount-area .discount-right .circle {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     opacity: .5;
}
 .discount-area .discount-right .circle .circle1 {
     position: absolute;
     width: 580px;
     height: 580px;
     border: 1px dashed #EFEFEF;
     border-radius: 50%;
     left: 7%;
     top: -3%;
}
 .discount-area .discount-right img {
     max-width: 100%;
}
 @media only screen and (max-width: 1400px) {
     .discount-area .discount-right .circle .circle1 {
         width: 555px;
         height: 555px;
         top: -2%;
    }
}
 .discount-area .discount-right .circle .circle2 {
     position: absolute;
     width: 440px;
     height: 440px;
     border: 1px dashed #EFEFEF;
     border-radius: 50%;
     left: 17%;
     top: 10%;
}
 .discount-area .discount-right .circle .circle3 {
     position: absolute;
     width: 280px;
     height: 280px;
     border: 1px dashed #EFEFEF;
     border-radius: 50%;
     left: 29%;
     top: 24%;
}
 .discount-area .discount-right .line {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
}
 .discount-area .discount-right .line .line1 {
     position: absolute;
     left: 0%;
     top: 48%;
}
 .discount-area .discount-right .line .line2 {
     position: absolute;
     left: 22%;
     top: 0%;
}
 .discount-area .discount-right .hotspot {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
}
 .discount-area .discount-right .hotspot .hotspot1 {
     position: absolute;
     width: 50px;
     height: 50px;
     background: #fff;
     border-radius: 50%;
     color: var(--heading-color);
     left: 3%;
     top: 16%;
     font-size: 40px;
     text-align: center;
     line-height: 50px;
     cursor: pointer;
     z-index: 1;
}
 .discount-area .discount-right .hotspot .lg-hotspot-label {
     background: rgba(0, 0, 0, 0.5);
     color: #fff;
     padding: 15px;
     width: 30%;
     position: absolute;
     top: 5%;
     left: -20%;
}
 .discount-area .discount-right .hotspot .hotspot-area2 .lg-hotspot-label {
     top: 72%;
     left: -22%;
     position: absolute;
}
 .discount-area .discount-right .hotspot .hotspot2 {
     position: absolute;
     width: 50px;
     height: 50px;
     background: #fff;
     border-radius: 50%;
     color: var(--heading-color);
     left: 8%;
     top: 16%;
     font-size: 40px;
     text-align: center;
     line-height: 50px;
     cursor: pointer;
    ;
     z-index: 1;
}
 .discount-area .discount-right .hotspot .hotspot3 {
     position: absolute;
     width: 50px;
     height: 50px;
     background: #fff;
     border-radius: 50%;
     left: 10%;
     top: 80%;
     color: #000!important;
     text-align: center;
     font-size: 40px;
     cursor: pointer;
     line-height: 50px;
     z-index:1;
}
 .discount-area .discount-right .hotspot .hotspot4 {
     position: absolute;
     width: 50px;
     height: 50px;
     background: #fff;
     border-radius: 50%;
     top: 15%;
     right: -13%;
     color: #000!important;
     text-align: center;
     cursor: pointer;
     font-size: 40px;
     line-height: 50px;
     z-index:2;
}
 .discount-area .discount-right .hotspot .hotspot5 {
     position: absolute;
     width: 50px;
     height: 50px;
     background: #fff;
     border-radius: 50%;
     bottom: 15%;
     right: -12%;
     color: #000!important;
     text-align: center;
     font-size: 40px;
     cursor: pointer;
     line-height:50px;
     z-index:2;
}
 .discount-area .discount-right .hotspot .hotspot6 {
     position: absolute;
     width: 50px;
     height: 50px;
     background: #fff;
     border-radius: 50%;
     bottom: 10%;
     right: 28%;
     color: #000!important;
     text-align: center;
     font-size: 40px;
     cursor: pointer;
     z-index: 1;
     line-height: 50px;
}
 .discount-area .discount-right .hotspot .hotspot7 {
     position: absolute;
     width: 50px;
     height: 50px;
     background: #fff;
     border-radius: 50%;
     left: 106%;
     top: 52%;
     color: #000!important;
     text-align: center;
     cursor: pointer;
     font-size: 40px;
     line-height: 50px;
     z-index:1;
}
 .discount-area .discount-right .hotspot .hotspot8 {
     position: absolute;
     width: 28px;
     height: 28px;
     background: #fff;
     border-radius: 50%;
     left: 6%;
     top: 16%;
     color: #000!important;
     font-weight: bold;
     text-align: center;
     font-size: 18px;
}
 .discount-area .discount-right .hotspot .hotspot9 {
     position: absolute;
     width: 28px;
     height: 28px;
     background: #fff;
     border-radius: 50%;
     left: 10%;
     top: 78%;
     color: #000!important;
     font-weight: bold;
     text-align: center;
     font-size: 18px;
}
 .discount-area .discount-right .hotspot .hotspot-area3 .lg-hotspot-label{
     background: rgba(0, 0, 0, 0.5);
     color: #fff;
     padding: 15px;
     width: 30%;
     position: absolute;
     top: 85%;
     left: -18%;
}
 .discount-area .discount-right .hotspot .hotspot-area4 .lg-hotspot-label{
     background: rgba(0, 0, 0, 0.5);
     color: #fff;
     padding: 15px;
     width: 30%;
     position: absolute;
     top: 6%;
     left: 79%;
     z-index: 1;
}
 .discount-area .discount-right .hotspot .hotspot-area5 .lg-hotspot-label{
     background: rgba(0, 0, 0, 0.5);
     color: #fff;
     padding: 15px;
     width: 30%;
     position: absolute;
     top: 84%;
     left: 79%;
     z-index: 1;
}
 .discount-area .discount-right .hotspot .hotspot-area6 .lg-hotspot-label{
     background: rgba(0, 0, 0, 0.5);
     color: #fff;
     padding: 15px;
     width: 30%;
     position: absolute;
     top: 84%;
     left: 39%;
}
 .discount-area .discount-right .hotspot .hotspot-area7 .lg-hotspot-label{
     background: rgba(0, 0, 0, 0.5);
     color: #fff;
     padding: 15px;
     width: 30%;
     position: absolute;
     top: 61%;
     left: 81%;
}
 .discount-area .discount-right .price {
     position: absolute;
     background: #fff;
     padding: 10px 20px;
     top: 0;
     left: 40%;
     -webkit-box-shadow: 0px 0px 15px #ccc;
     box-shadow: 0px 0px 15px #ccc;
     z-index: 9;
}
 .discount-area .discount-right .price span {
     color: var(--heading-color);
     text-align: center;
     font-size: 13px;
     font-weight: 700;
     font-family: var(--body-font);
     color:#000 !important;
}
 .margin-top-120 {
     margin-top: 20px;
}
 @media only screen and (min-width: 1651px) {
     .home-slideshow.slick-initialized.slick-slider {
         height: 815px !important;
    }
     .discount-area .discount-right .discount-img {
         max-width: 88%;
         z-index:0;
    }
     .discount-area {
         padding: 40px 0px 65px 0px;
    }
     .discount-area .discount-right .line .line1 {
         left: 5%;
         top: 56%;
         max-width: 48%;
         z-index:0;
    }
     .discount-area .discount-right .hotspot .hotspot2 {
         left: 7%;
         top: 90%;
         z-index:0;
    }
     .discount-area .discount-right .line .line2 {
         left: 21%;
         top: -2%;
         max-width: 50%;
         z-index:0;
    }
}
 @media only screen and (min-width: 1519px) and (max-width: 1650px){
     .discount-area .discount-right {
         padding: 80px 0px;
    }
     .discount-area .discount-left .content .top-text {
         font-size: 48px;
    }
     .discount-area .discount-right .line .line1 {
         top: 55%;
         max-width: 380px;
    }
     .discount-area .discount-right .line .line2 {
         left: 17%;
         top: -1%;
         max-width: 403px;
    }
}
/* Laptop layout min 1256 */
 @media only screen and (min-width: 1200px) and (max-width: 2000px){
     .discount-area .discount-left .content h1 .percent {
         font-size: 130px;
    }
     .discount-area .discount-left .content h1 .save {
         margin-top: 65px;
    }
     .discount-area .discount-left .content .top-text {
         font-size: 40px;
    }
     .discount-area {
         padding: 60px 0px 125px 0px;
    }
     .discount-area .discount-left .content {
         top: 58%;
    }
     .discount-area .discount-right .line .line2 {
         padding: 45px;
         max-width: 344px;
         top: 1%;
         left: 20%;
         z-index:1;
    }
     .discount-area .discount-right .line .line1 {
         top: 70%;
         max-width: 260px;
         left: 4%;
         z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot2 {
         top: 66%;
         z-index: 1;
         left: 5%;
    }
     .discount-area .discount-right img {
         padding: 0;
         margin-left: 40px;
         z-index:1;
    }
     .discount-area .discount-right {
         padding: 78px 0px;
    }
}
 @media only screen and (max-width: 1199px) {
     .discount-area .discount-left .content h1 .percent {
         font-size: 130px;
    }
     .discount-area .discount-left .content h1 .save {
         margin-top: 50px;
    }
     .discount-area .discount-left .content .top-text {
         font-size: 40px;
    }
     .discount-area {
         padding: 41px 0px 100px 0px;
    }
     .discount-area .discount-left .content {
         top: 50px;
         position: relative;
         left: 0;
         transform: none;
    }
     .discount-area .discount-right .line .line2 {
         padding: 45px;
         max-width: 344px;
         top: 1%;
         left: 17%;
    }
     .discount-area .discount-right .line .line1 {
         top: 68%;
         max-width: 260px;
         left: 4%;
    }
     .discount-area .discount-right .hotspot .hotspot2 {
         top: 94%;
    }
     .discount-area .discount-right .hotspot .hotspot3, .discount-area .discount-right .hotspot .hotspot4, .discount-area .discount-right .hotspot4, .discount-area .discount-right .hotspot5, .discount-area .discount-right .hotspot6 {
         display: block;
    }
     .discount-area .discount-right img {
         padding: 0;
         margin-left: 40px;
    }
     .discount-area .discount-right {
         padding: 78px 0px;
         margin-top: 150px;
         margin-bottom: 50px;
         margin-left: 15%;
    }
     .discount-area .discount-right .circle .circle1 {
         left: 10%;
    }
     .discount-area .discount-right .circle .circle3 {
         left: 27%;
         top: 27%;
    }
     .discount-area .discount-right .discount-img {
         max-width: 490px;
         margin-left: 13%;
    }
     .discount-area .discount-left .content {
         width: 60%;
         left: 25%;
    }
}
 @media only screen and (max-width: 991px) {
     .discount-area .discount-right .hotspot .hotspot-area2 .lg-hotspot-label {
         left: 0;
         top: 75%;
         z-index: 99999;
    }
     .discount-area .discount-right .hotspot .lg-hotspot-label p {
         font-size: 14px;
    }
     .discount-area .discount-left .content .top-text {
         font-size: 30px;
    }
     .discount-area .discount-left .content h1 .percent {
         font-size: 115px;
    }
     .discount-area .discount-left .content h1 .save {
         margin-top: 40px;
    }
     .discount-area .discount-right {
         margin-left: 0%;
    }
     .discount-area .discount-right .circle .circle1 {
         left: 9%;
    }
}
 @media only screen and (max-width: 768px) {
     .discount-area .discount-right .circle .circle1 {
         left: 5%;
    }
     .discount-area .discount-left .content {
         width: 80%;
         left: 8%;
    }
     .discount-area .discount-left .content h1 .percent {
         font-size: 130px;
    }
}
 @media only screen and (max-width: 767px) {
     .discount-area .discount-right {
         margin-left: 2%;
    }
}
 @media only screen and (max-width: 667px) {
     .discount-area .discount-left .content h1 .percent {
         font-size: 120px;
    }
}
 @media only screen and (max-width: 620px) {
     .discount-area .discount-right {
         transform: scale(.8);
    }
}
/* medium tablet layout 599px */
 @media only screen and (max-width: 575px){
     .discount-area .discount-left .content h1 .save {
         margin-top: 0px !important;
    }
     .discount-area .discount-right {
         transform: scale(1);
        margin-left: -34%;
         margin-top: 30px;
         margin-bottom: 0;
    }
     .discount-area .discount-left .content .top-text {
         font-size: 22px;
    }
     .discount-area .discount-left .content {
         width: 100%;
         left: 0;
    }
     .discount-area .discount-left .content h1 .percent {
         font-size: 70px;
    }
}
 @media only screen and (max-width: 375px){
     .discount-area .discount-right {
         margin-left: -28%;
    }
     .discount-area .discount-left .content h1 .save {
         margin-top: 25px !important;
         font-size: 28px;
         left: 10%;
    }
}
 .slideRotateFromRight {
     -webkit-animation-name: slideRotateFromRight;
     animation-name: slideRotateFromRight;
}
 @-webkit-keyframes slideRotateFromRight {
     0% {
         -webkit-transform: translate3d(100%, 0, 0) rotate(90deg);
         transform: translate3d(100%, 0, 0) rotate(90deg);
         visibility: visible;
    }
     100% {
         -webkit-transform: translate3d(0, 0, 0) rotate(90deg);
         transform: translate3d(0, 0, 0) rotate(90deg);
         visibility: visible;
    }
}
 @keyframes slideRotateFromRight {
     0% {
         -webkit-transform: translate3d(100%, 0, 0) rotate(90deg);
         transform: translate3d(100%, 0, 0) rotate(90deg);
         visibility: visible;
    }
     100% {
         -webkit-transform: translate3d(0, 0, 0) rotate(90deg);
         transform: translate3d(0, 0, 0) rotate(90deg);
         visibility: visible;
    }
}
 @-webkit-keyframes pulse {
     from {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }
     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05);
    }
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }
}
 @keyframes pulse {
     from {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }
     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05);
    }
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }
}
 .slideRotateFromLeft {
     -webkit-animation-name: slideRotateFromLeft;
     animation-name: slideRotateFromLeft;
}
 @-webkit-keyframes slideRotateFromLeft {
     0% {
         -webkit-transform: translate3d(-100%, 0, 0) rotate(90deg);
         transform: translate3d(-100%, 0, 0) rotate(90deg);
         visibility: visible;
    }
     100% {
         -webkit-transform: translate3d(0, 0, 0) rotate(90deg);
         transform: translate3d(0, 0, 0) rotate(90deg);
         visibility: visible;
    }
}
 @keyframes slideRotateFromLeft {
     0% {
         -webkit-transform: translate3d(-100%, 0, 0) rotate(90deg);
         transform: translate3d(-100%, 0, 0) rotate(90deg);
         visibility: visible;
    }
     100% {
         -webkit-transform: translate3d(0, 0, 0) rotate(90deg);
         transform: translate3d(0, 0, 0) rotate(90deg);
         visibility: visible;
    }
}
/* Discount Section */
 @media screen and (max-width: 992px){
     .product_tab_menu span {
         line-height: 2;
         margin-right: 18px;
    }
}
 .slideshow--large {
     padding-bottom: 60px;
}
 #zanaSubcategory .single__product .produc_thumb img{
    height:100% !important;
    width:100% !important;
    aspect-ratio: 1/1;
}
/* @media only screen and (max-width: 1292px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*        height:258px !important;*/
/*         width:258px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 1124px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*        height:239px !important;*/
/*         width:239px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 1024px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*        height:215px !important;*/
/*         width:215px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 992px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*        height:207px !important;*/
/*         width:207px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 860px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*        height:245px !important;*/
/*         width:245px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 820px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*        height:230px !important;*/
/*         width:230px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 768px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*        height:337px !important;*/
/*         width:337px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 750px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*        height:330px !important;*/
/*         width:330px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 720px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*        height:314px !important;*/
/*         width:314px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 668px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*        height:287px !important;*/
/*         width:287px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 620px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*        height:264px !important;*/
/*         width:264px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 540px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*         height:240px !important;*/
/*        width:240px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 460px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*         height:184px !important;*/
/*        width:184px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 440px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*         height:174px !important;*/
/*        width:174px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 414px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*         height:160px !important;*/
/*        width:160px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 392px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*         height:150px !important;*/
/*        width:150px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 375px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*         height:140px !important;*/
/*        width:140px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 360px){*/
/*     #zanaSubcategory .single__product .produc_thumb img{*/
/*         height:133px !important;*/
/*        width:133px !important;*/
/*    }*/
/*}*/
/* Zpro */
 #zproSubcategory .single__product .produc_thumb img{
    height:100% !important;
    width:100% !important;
    aspect-ratio: 1/1;
}
/* @media only screen and (max-width: 1292px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*        height:274px !important;*/
/*         width:274px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 1124px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*        height:255px !important;*/
/*         width:255px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 1024px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*        height:231px !important;*/
/*         width:231px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 992px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*        height:223px !important;*/
/*         width:223px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 860px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*        height:261px !important;*/
/*         width:261px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 820px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*        height:247px !important;*/
/*         width:247px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 768px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*        height:353px !important;*/
/*         width:353px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 750px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*        height:314px !important;*/
/*         width:314px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 720px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*        height:314px !important;*/
/*         width:314px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 668px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*        height:303px !important;*/
/*         width:303px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 620px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*        height:280px !important;*/
/*         width:280px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 540px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*         height:240px !important;*/
/*        width:240px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 460px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*         height:200px !important;*/
/*        width:200px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 440px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*         height:190px !important;*/
/*        width:190px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 414px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*         height:177px !important;*/
/*        width:177px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 392px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*         height:166px !important;*/
/*        width:166px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 375px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*         height:157px !important;*/
/*        width:157px !important;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 360px){*/
/*     #zproSubcategory .single__product .produc_thumb img{*/
/*         height:150px !important;*/
/*        width:150px !important;*/
/*    }*/
/*}*/
/* Hot Deals*/
 .hot_details_product .single_banner.long_hot_detals img{
    height:570px !important;
     width:275px !important;
}
 @media only screen and (max-width: 1292px){
     .hot_details_product .single_banner.long_hot_detals img{
        height:570px !important;
         width:275px !important;
    }
}
 @media only screen and (max-width: 1192px){
     .hot_details_product .single_banner.long_hot_detals img{
        height:566px !important;
         width:273px !important;
    }
}
 @media only screen and (max-width: 1124px){
     .hot_details_product .single_banner.long_hot_detals img{
        height:531px !important;
         width:256px !important;
    }
}
 @media only screen and (max-width: 1024px){
     .hot_details_product .single_banner.long_hot_detals img{
        height:493px !important;
         width:237px !important;
    }
}
 @media only screen and (max-width: 992px){
     .hot_details_product .single_banner.long_hot_detals img{
        height:476px !important;
         width:229px !important;
    }
}
/* Smart Feature*/
 #feature .features-box .feature-ico img{
    height:90px;
     width:90px;
}
 .home-slideshow.slick-initialized.slick-slider{
    height:610px;
}
 #features .image-box img{
     width:100%;
     height:100%;
     aspect-ratio: 375/442;
}
 .hover-banner-area .single-banner--hoverborder img{
    height:246px !important;
     width:577px !important;
}
 @media only screen and (max-width: 1292px){
     .hover-banner-area .single-banner--hoverborder img{
        height:246px !important;
         width:577px !important;
    }
     .home-slideshow.slick-initialized.slick-slider {
         height: 560px;
         aspect-ratio: ;
    }
}
 @media only screen and (max-width: 1124px){
     .hover-banner-area .single-banner--hoverborder img{
        height:230px !important;
         width:539px !important;
    }
     .home-slideshow.slick-initialized.slick-slider {
         height: 475px;
    }
    /*#features .image-box img{
         width:535px;
        height:626px;
    }
    */
}
 @media only screen and (max-width: 1024px){
     .hover-banner-area .single-banner--hoverborder img{
        height:208px !important;
         width:485px !important;
    }
     .home-slideshow.slick-initialized.slick-slider {
         height: 445px;
    }
    /*#features .image-box img{
         width:490px;
        height:573px;
    }
    */
}
 @media only screen and (max-width: 992px){
     .hover-banner-area .single-banner--hoverborder img{
        height:201px !important;
         width:469px !important;
    }
    /* .single__product .produc_thumb .text{*/
    /*    background-color: #000000bd;*/
    /*    color: white;*/
    /*    padding-left: 20px;*/
    /*    padding-right: 20px;*/
    /*    text-align: center;*/
    /*    font-size: 14px;*/
    /*}*/
     .home-slideshow.slick-initialized.slick-slider {
         height: 430px;
    }
    /* #features .image-box img{*/
    /*     width:474px;*/
    /*    height:554px;*/
    /*}*/
}
 @media only screen and (max-width: 860px){
     .hover-banner-area .single-banner--hoverborder img{
        height:173px !important;
         width:403px !important;
    }
    /* .single__product .produc_thumb .text {*/
    /*     margin-top: -5%;*/
    /*     background-color: #000000bd;*/
    /*     color: white;*/
    /*     padding-left: 20px;*/
    /*     padding-right: 20px;*/
    /*     width: 244px;*/
    /*     text-align: center;*/
    /*     font-size: 14px;*/
    /*}*/
     .home-slideshow.slick-initialized.slick-slider {
         height: 390px;
    }
    /* #features .image-box img{*/
    /*     width:408px;*/
    /*    height:477px;*/
    /*}*/
}
 @media only screen and (max-width: 820px){
     .hover-banner-area .single-banner--hoverborder img{
        height:165px !important;
         width:383px !important;
    }
     .home-slideshow.slick-initialized.slick-slider {
         height: 390px;
    }
     .home-slideshow.slick-initialized.slick-slider {
         height: 370px;
    }
    /* #features .image-box img{*/
    /*     width:388px;*/
    /*    height:454px;*/
    /*}*/
}
 @media only screen and (max-width: 768px){
     .hover-banner-area .single-banner--hoverborder img{
        height:309px !important;
         width:737px !important;
    }
    /* .single__product .produc_thumb .text {*/
    /*     margin-top: -8%;*/
    /*     background-color: #000000bd;*/
    /*     color: white;*/
    /*     padding-left: 20px;*/
    /*     padding-right: 20px;*/
    /*     width: 340px;*/
    /*     text-align: center;*/
    /*     font-size: 14px;*/
    /*}*/
     .home-slideshow.slick-initialized.slick-slider {
         height: 340px;
    }
    /* #features .image-box img{*/
    /*     width:362px;*/
    /*    height:423px;*/
    /*}*/
}
 @media only screen and (max-width: 750px){
    /* .single__product .produc_thumb .text {*/
    /*     margin-top: -6%;*/
    /*     background-color: #000000bd;*/
    /*     color: white;*/
    /*     padding-left: 20px;*/
    /*     padding-right: 20px;*/
    /*     width: 330px;*/
    /*     text-align: center;*/
    /*     font-size: 14px;*/
    /*}*/
    /* #features .image-box img{*/
    /*     width:357px;*/
    /*    height:554px;*/
    /*}*/
}
 @media only screen and (max-width: 720px){
    /* .single__product .produc_thumb .text {*/
    /*     margin-top: -6%;*/
    /*     background-color: #000000bd;*/
    /*     color: white;*/
    /*     padding-left: 20px;*/
    /*     padding-right: 20px;*/
    /*     width: 316px;*/
    /*     text-align: center;*/
    /*     font-size: 14px;*/
    /*}*/
    /* #features .image-box img {*/
    /*     width: 665px;*/
    /*     height: 800px;*/
    /*}*/
}
 @media only screen and (max-width: 668px){
     .hover-banner-area .single-banner--hoverborder img{
        height:267px !important;
         width:637px !important;
    }
    /* .single__product .produc_thumb .text {*/
    /*     margin-top: -6%;*/
    /*     background-color: #000000bd;*/
    /*     color: white;*/
    /*     padding-left: 20px;*/
    /*     padding-right: 20px;*/
    /*     width: 295px;*/
    /*     text-align: center;*/
    /*     font-size: 14px;*/
    /*}*/
    /* #features .image-box img {*/
    /*     width: 641px;*/
    /*     height: 800px;*/
    /*}*/
     .home-slideshow.slick-initialized.slick-slider {
         height: 295px;
    }
}
 @media only screen and (max-width: 620px){
     .hover-banner-area .single-banner--hoverborder img{
        height:248px !important;
         width:580px !important;
    }
    /* .single__product .produc_thumb .text {*/
    /*     margin-top: -6%;*/
    /*     background-color: #000000bd;*/
    /*     color: white;*/
    /*     padding-left: 20px;*/
    /*     padding-right: 20px;*/
    /*     width: 265px;*/
    /*     text-align: center;*/
    /*     font-size: 14px;*/
    /*}*/
    /* #features .image-box img {*/
    /*     width: 594px;*/
    /*     height: 800px;*/
    /*}*/
     .home-slideshow.slick-initialized.slick-slider {
         height: 275px;
    }
}
 @media only screen and (max-width: 540px){
     .hover-banner-area .single-banner--hoverborder img{
         height:214px !important;
        width:500px !important;
    }
    /* .single__product .produc_thumb .text {*/
    /*     margin-top: -6%;*/
    /*     background-color: #000000bd;*/
    /*     color: white;*/
    /*     padding-left: 20px;*/
    /*     padding-right: 20px;*/
    /*     width: 230px;*/
    /*     text-align: center;*/
    /*     font-size: 14px;*/
    /*}*/
    /* #features .image-box img {*/
    /*     width: 514px;*/
    /*     height: 700px;*/
    /*}*/
     .home-slideshow.slick-initialized.slick-slider {
         height: 255px;
    }
}
 @media only screen and (max-width: 460px){
     .hover-banner-area .single-banner--hoverborder img{
         height:181px !important;
        width:420px !important;
    }
    /* .single__product .produc_thumb .text {*/
    /*     margin-top: -6%;*/
    /*     background-color: #000000bd;*/
    /*     color: white;*/
    /*     padding-left: 20px;*/
    /*     padding-right: 20px;*/
    /*     width: 181px;*/
    /*     text-align: center;*/
    /*     font-size: 12px;*/
    /*}*/
    /* #features .image-box img {*/
    /*     width: 434px;*/
    /*     height: 600px;*/
    /*}*/
     .home-slideshow.slick-initialized.slick-slider {
         height: 220px;
    }
}
 @media only screen and (max-width: 440px){
     .hover-banner-area .single-banner--hoverborder img{
         height:172px !important;
        width:400px !important;
    }
     .slideshow .btn {
        padding: 8px 12px;
    }
     .home-slideshow.slick-initialized.slick-slider {
         height: 200px;
    }
    /* #features .image-box img {*/
    /*     width: 414px;*/
    /*     height: 500px;*/
    /*}*/
}
 @media only screen and (max-width: 414px){
     .hover-banner-area .single-banner--hoverborder img{
         height:161px !important;
        width:374px !important;
    }
     .slideshow .btn {
        padding: 8px 12px;
    }
    /* #features .image-box img {*/
    /*     width: 388px;*/
    /*     height: 450px;*/
    /*}*/
}
 @media only screen and (max-width: 392px){
     .hover-banner-area .single-banner--hoverborder img{
         height:152px !important;
        width:352px !important;
    }
     .slideshow .btn {
        padding: 8px 10px;
    }
    /* .single__product .produc_thumb .text {*/
    /*     margin-top: -6%;*/
    /*     background-color: #000000bd;*/
    /*     color: white;*/
    /*     padding-left: 20px;*/
    /*     padding-right: 20px;*/
    /*     width: 149px;*/
    /*     text-align: center;*/
    /*     font-size: 10px;*/
    /*}*/
     .home-slideshow.slick-initialized.slick-slider {
         height: 180px;
    }
    /* #features .image-box img {*/
    /*     width: 366px;*/
    /*     height: 450px;*/
    /*}*/
}
 @media only screen and (max-width: 375px){
     .hover-banner-area .single-banner--hoverborder img{
         height:145px !important;
        width:335px !important;
    }
     .slideshow .btn {
        padding: 8px 10px;
    }
    /* .single__product .produc_thumb .text {*/
    /*     margin-top: -6%;*/
    /*     background-color: #000000bd;*/
    /*     color: white;*/
    /*     padding-left: 20px;*/
    /*     padding-right: 20px;*/
    /*     width: 139px;*/
    /*     text-align: center;*/
    /*     font-size: 9px;*/
    /*}*/
     .home-slideshow.slick-initialized.slick-slider {
         height: 180px;
    }
    /* #features .image-box img {*/
    /*     width: 349px;*/
    /*     height: 420px;*/
    /*}*/
}
 @media only screen and (max-width: 360px){
     .hover-banner-area .single-banner--hoverborder img{
         height:139px !important;
        width:320px !important;
    }
     .home-slideshow.slick-initialized.slick-slider {
         height: 170px;
    }
    /* #features .image-box img {*/
    /*     width: 334px;*/
    /*     height: 420px;*/
    /*}*/
}
 .hot_details_product .nav.product_tab_menu .zanaCat.active{
     color:#fa0f07 !important;
}
 .hot_details_product .nav.product_tab_menu .zproCat.active{
     color:#fa0f07 !important;
}
 .discount-area .discount-left .content .btn.zana-one{
     font-family: 'Libre Franklin',Arial,Tahoma,serif !important;
     color: #fff;
     background:#000000a6 !important;
}
 .discount-area .discount-left .content .btn.zana-one:hover{
     background:#000 !important;
}
 .discount-area .discount-left .content .btn.zpro-one{
     font-family: 'Libre Franklin',Arial,Tahoma,serif !important;
     color: #fff;
     background: #ffbf15b0 !important;
}
 .discount-area .discount-left .content .btn.zpro-one:hover{
     background:#ffbc0cd6 !important;
}
 .produc_thumb .text {
    /*position: absolute;
    */
    /* z-index: 999;
     */
    /* margin: 0;
     */
    /* left: 0;
     */
    /* right: 0;
     */
     position: absolute;
    /* bottom: -16px;
     */
    /* right: 20px;
     */
    /* top: 9%;
     */
     margin-top: -2.4%;
     background-color: #000000bd;
     color: white;
     padding-left: 20px;
     padding-right: 20px;
     width: 257px;
     text-align: center;
     font-size: 14px;
}
/*Condition Related Product Sub Category Media Query for Image Height width*/
 @media only screen and (max-width: 1292px){
     .discount-area .discount-right img{
        padding: 0;
         margin-left: 0px;
         z-index: 1;
    }
     .discount-area .discount-right .hotspot .hotspot1{
        left: 0%;
        top: 16%;
        z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot2{
        left: -2%;
         top: 66%;
    }
     .discount-area .discount-right .hotspot .hotspot3{
        left: 4%;
        top: 77%;
    }
     .discount-area .discount-right .hotspot .hotspot4{
        top: 16%;
        right: -4%;
    }
     .discount-area .discount-right .hotspot .hotspot5{
         bottom: 16%;
         right: -4%;
    }
     .discount-area .discount-right .hotspot .hotspot6{
        right: 34%;
         bottom: 16%;
    }
     .discount-area .discount-right .hotspot .hotspot7{
         left: 98%;
        top: 54%;
    }
     .discount-area .discount-right .hotspot .lg-hotspot-label{
         top: 5%;
        left: -28%;
    }
     .discount-area .discount-right .hotspot .hotspot-area2 .lg-hotspot-label{
         top: 54%;
        left: -11%;
    }
     .discount-area .discount-right .hotspot .hotspot-area3 .lg-hotspot-label{
        top: 85%;
        left: -24%;
    }
     .discount-area .discount-right .hotspot .hotspot-area4 .lg-hotspot-label{
         top: 6%;
        left: 70%;
    }
     .discount-area .discount-right .hotspot .hotspot-area5 .lg-hotspot-label{
         top: 84%;
        left: 70%;
    }
     .discount-area .discount-right .hotspot .hotspot-area6 .lg-hotspot-label{
        top: 84%;
        left: 32%;
    }
     .discount-area .discount-right .hotspot .hotspot-area7 .lg-hotspot-label{
         top: 61%;
         left: 70%;
        z-index: 1;
    }
}
 @media only screen and (max-width: 1124px){
     .discount-area .discount-right img{
        padding: 0;
         margin-left: 0px;
         z-index: 1;
    }
     .discount-area .discount-right .hotspot .hotspot1{
        left: 12%;
        top: 17%;
        z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot2{
        left: 10%;
         top: 64%;
         z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot3{
        left: 14%;
        top: 75%;
    }
     .discount-area .discount-right .hotspot .hotspot4{
        top: 17%;
        right: 32%;
    }
     .discount-area .discount-right .hotspot .hotspot5{
         bottom: 17%;
         right: 53%;
    }
     .discount-area .discount-right .hotspot .hotspot6{
        right: 31%;
         bottom: 17%;
    }
     .discount-area .discount-right .hotspot .hotspot7{
         left: 65%;
        top: 53%;
    }
     .discount-area .discount-right .hotspot .lg-hotspot-label{
         top: 5%;
        left: -6%;
         width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area2 .lg-hotspot-label{
         top: 52%;
        left: -8%;
        width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area3 .lg-hotspot-label{
        top: 83%;
        left: -4%;
         width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area4 .lg-hotspot-label{
         top: 5%;
        left: 46%;
        width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area5 .lg-hotspot-label{
         top: 84%;
        left: 25%;
         width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area6 .lg-hotspot-label{
        top: 84%;
        left:47%;
        width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area7 .lg-hotspot-label{
         top: 61%;
         left:52%;
        z-index: 1;
        width:20%;
    }
}
 @media only screen and (max-width: 1024px){
     .discount-area .discount-right img{
        padding: 0;
         margin-left: 0px;
         z-index: 1;
    }
     .discount-area .discount-right .hotspot .hotspot1{
        left: 12%;
        top: 17%;
        z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot2{
        left: 10%;
         top: 64%;
         z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot3{
        left: 14%;
        top: 75%;
    }
     .discount-area .discount-right .hotspot .hotspot4{
        top: 17%;
        right: 26%;
    }
     .discount-area .discount-right .hotspot .hotspot5{
         bottom: 17%;
         right: 50%;
    }
     .discount-area .discount-right .hotspot .hotspot6{
        right: 26%;
         bottom: 17%;
    }
     .discount-area .discount-right .hotspot .hotspot7{
         left: 70%;
        top: 53%;
    }
     .discount-area .discount-right .hotspot .lg-hotspot-label{
         top: 5%;
        left: -6%;
         width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area2 .lg-hotspot-label{
         top: 52%;
        left: -8%;
        width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area3 .lg-hotspot-label{
        top: 83%;
        left: -4%;
         width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area4 .lg-hotspot-label{
         top: 5%;
        left: 52%;
        width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area5 .lg-hotspot-label{
         top: 84%;
        left: 28%;
         width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area6 .lg-hotspot-label{
        top: 84%;
        left:51%;
        width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area7 .lg-hotspot-label{
         top: 61%;
         left:52%;
        z-index: 1;
        width:20%;
    }
}
 @media only screen and (max-width: 860px){
     .discount-area .discount-right .circle .circle1 {
         left: 17%;
    }
     .discount-area .discount-right .circle .circle2 {
         left: 25%;
    }
     .discount-area .discount-right .circle .circle3 {
        left:35% 
    }
     .discount-area .discount-right .discount-img {
         margin-left: 23%;
    }
     .discount-area .discount-right img{
        padding: 0;
         margin-left: 0px;
         z-index: 1;
    }
     .discount-area .discount-right .hotspot .hotspot1{
        left: 22%;
        top: 17%;
        z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot2{
        left: 20%;
         top: 64%;
         z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot3{
        left: 24%;
        top: 75%;
    }
     .discount-area .discount-right .hotspot .hotspot4{
        top: 17%;
        right: 15%;
    }
     .discount-area .discount-right .hotspot .hotspot5{
         bottom: 17%;
         right: 38%;
    }
     .discount-area .discount-right .hotspot .hotspot6{
        right: 15%;
         bottom: 17%;
    }
     .discount-area .discount-right .hotspot .hotspot7{
         left: 81%;
        top: 53%;
    }
     .discount-area .discount-right .hotspot .lg-hotspot-label{
         top: 5%;
        left: 4%;
         width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area2 .lg-hotspot-label{
         top: 52%;
        left: 2%;
        width:20%;
         z-index:0;
    }
     .discount-area .discount-right .hotspot .hotspot-area3 .lg-hotspot-label{
        top: 83%;
        left: 6%;
         width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area4 .lg-hotspot-label{
         top: 5%;
        left: 62%;
        width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area5 .lg-hotspot-label{
         top: 84%;
        left: 40%;
         width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area6 .lg-hotspot-label{
        top: 84%;
        left:63%;
        width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area7 .lg-hotspot-label{
         top: 61%;
         left:63%;
        z-index: 1;
        width:20%;
    }
}
 @media only screen and (max-width: 768px){
     .discount-area .discount-right .circle .circle1 {
         left: 14%;
    }
     .discount-area .discount-right .circle .circle2 {
         left: 22%;
    }
     .discount-area .discount-right .circle .circle3 {
        left:30% 
    }
     .discount-area .discount-right .discount-img {
        margin-left: 18%;
    }
     .discount-area .discount-right img{
        padding: 0;
         margin-left: 0px;
         z-index: 1;
    }
     .discount-area .discount-right .hotspot .hotspot1{
        left: 17%;
        top: 17%;
        z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot2{
        left: 15%;
         top: 64%;
         z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot3{
        left: 20%;
        top: 75%;
    }
     .discount-area .discount-right .hotspot .hotspot4{
        top: 17%;
        right: 11%;
    }
     .discount-area .discount-right .hotspot .hotspot5{
         bottom: 17%;
         right: 38%;
    }
     .discount-area .discount-right .hotspot .hotspot6{
        right: 11%;
         bottom: 17%;
    }
     .discount-area .discount-right .hotspot .hotspot7{
         left: 85%;
        top: 53%;
    }
     .discount-area .discount-right .hotspot .lg-hotspot-label{
         top: 5%;
        left: 2%;
         width:23%;
    }
     .discount-area .discount-right .hotspot .hotspot-area2 .lg-hotspot-label{
         top: 52%;
        left: 2%;
        width:23%;
         z-index:0;
    }
     .discount-area .discount-right .hotspot .hotspot-area3 .lg-hotspot-label{
        top: 83%;
        left: 2%;
         width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area4 .lg-hotspot-label{
         top: 5%;
        left: 62%;
        width:23%;
    }
     .discount-area .discount-right .hotspot .hotspot-area5 .lg-hotspot-label{
         top: 84%;
        left: 37%;
         width:23%;
    }
     .discount-area .discount-right .hotspot .hotspot-area6 .lg-hotspot-label{
        top: 84%;
        left:67%;
        width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area7 .lg-hotspot-label{
         top: 61%;
         left:67%;
        z-index: 1;
        width:20%;
    }
}
 @media only screen and (max-width: 668px){
     .discount-area .discount-right .circle .circle1 {
         left: 8%;
    }
     .discount-area .discount-right .circle .circle2 {
         left: 17%;
    }
     .discount-area .discount-right .circle .circle3 {
        left:26% 
    }
     .discount-area .discount-right .discount-img {
        margin-left: 12%;
    }
     .discount-area .discount-right img{
        padding: 0;
         margin-left: 0px;
         z-index: 1;
    }
     .discount-area .discount-right .hotspot .hotspot1{
        left: 11%;
        top: 17%;
        z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot2{
        left: 8%;
         top: 64%;
         z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot3{
        left: 14%;
        top: 75%;
    }
     .discount-area .discount-right .hotspot .hotspot4{
        top: 17%;
        right: 7%;
    }
     .discount-area .discount-right .hotspot .hotspot5{
         bottom: 17%;
         right: 38%;
    }
     .discount-area .discount-right .hotspot .hotspot6{
        right: 6%;
         bottom: 17%;
    }
     .discount-area .discount-right .hotspot .hotspot7{
         left: 89%;
        top: 53%;
    }
     .discount-area .discount-right .hotspot .lg-hotspot-label{
         top: 4%;
        left: 2%;
         width:26%;
    }
     .discount-area .discount-right .hotspot .hotspot-area2 .lg-hotspot-label{
         top: 51%;
        left: 2%;
        width:26%;
         z-index:0;
    }
     .discount-area .discount-right .hotspot .hotspot-area3 .lg-hotspot-label{
        top: 83%;
        left: 2%;
         width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area4 .lg-hotspot-label{
         top: 5%;
        left: 62%;
        width:26%;
    }
     .discount-area .discount-right .hotspot .hotspot-area5 .lg-hotspot-label{
         top: 84%;
        left: 37%;
         width:26%;
    }
     .discount-area .discount-right .hotspot .hotspot-area6 .lg-hotspot-label{
        top: 84%;
        left:72%;
        width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area7 .lg-hotspot-label{
         top: 61%;
         left:72%;
        z-index: 1;
        width:20%;
    }
}
 @media only screen and (max-width: 620px){
     .discount-area .discount-right .circle .circle1 {
         left: 8%;
    }
     .discount-area .discount-right .circle .circle2 {
         left: 17%;
    }
     .discount-area .discount-right .circle .circle3 {
        left:26% 
    }
     .discount-area .discount-right .discount-img {
        margin-left: 12%;
    }
     .discount-area .discount-right img{
        padding: 0;
         margin-left: 0px;
         z-index: 1;
    }
     .discount-area .discount-right .hotspot .hotspot1{
        left: 11%;
        top: 17%;
        z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot2{
        left: 8%;
         top: 64%;
         z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot3{
        left: 14%;
        top: 75%;
    }
     .discount-area .discount-right .hotspot .hotspot4{
        top: 17%;
        right: 0%;
    }
     .discount-area .discount-right .hotspot .hotspot5{
         bottom: 17%;
         right: 33%;
    }
     .discount-area .discount-right .hotspot .hotspot6{
        right: 0%;
         bottom: 17%;
    }
     .discount-area .discount-right .hotspot .hotspot7{
         left: 95%;
        top: 53%;
    }
     .discount-area .discount-right .hotspot .lg-hotspot-label{
         top: 4%;
        left: -11%;
         width:30%;
    }
     .discount-area .discount-right .hotspot .hotspot-area2 .lg-hotspot-label{
         top: 50%;
        left: -8%;
        width:30%;
         z-index:0;
    }
     .discount-area .discount-right .hotspot .hotspot-area3 .lg-hotspot-label{
        top: 83%;
        left: 2%;
         width:23%;
    }
     .discount-area .discount-right .hotspot .hotspot-area4 .lg-hotspot-label{
         top: 5%;
        left: 68%;
        width:30%;
    }
     .discount-area .discount-right .hotspot .hotspot-area5 .lg-hotspot-label{
         top: 84%;
        left: 37%;
         width:30%;
    }
     .discount-area .discount-right .hotspot .hotspot-area6 .lg-hotspot-label{
        top: 84%;
        left:77%;
        width:20%;
    }
     .discount-area .discount-right .hotspot .hotspot-area7 .lg-hotspot-label{
         top: 61%;
         left:78%;
        z-index: 1;
        width:20%;
    }
}
 @media only screen and (max-width: 460px){
     .discount-area .discount-right .circle .circle1 {
         left: 8%;
    }
     .discount-area .discount-right .circle .circle2 {
         left: 17%;
    }
     .discount-area .discount-right .circle .circle3 {
        left:26% 
    }
     .discount-area .discount-right .discount-img {
        margin-left: 12%;
    }
     .discount-area .discount-right img{
        padding: 0;
         margin-left: 0px;
         z-index: 1;
    }
     .discount-area .discount-right .hotspot .hotspot1{
        left: 11%;
        top: 17%;
        z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot2{
        left: 8%;
         top: 64%;
         z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot3{
        left: 14%;
        top: 75%;
    }
     .discount-area .discount-right .hotspot .hotspot4{
        top: 17%;
        right: -16%;
    }
     .discount-area .discount-right .hotspot .hotspot5{
         bottom: 18%;
         right: 23%;
    }
     .discount-area .discount-right .hotspot .hotspot6{
        right: -15%;
         bottom: 17%;
    }
     .discount-area .discount-right .hotspot .hotspot7{
         left: 110%;
        top: 53%;
    }
     .discount-area .discount-right .hotspot .lg-hotspot-label{
         top: 4%;
        left: -11%;
         width:35%;
    }
     .discount-area .discount-right .hotspot .hotspot-area2 .lg-hotspot-label{
         top: 50%;
        left: -8%;
        width:35%;
         z-index:0;
    }
     .discount-area .discount-right .hotspot .hotspot-area3 .lg-hotspot-label{
        top: 83%;
        left: -9%;
         width:30%;
    }
     .discount-area .discount-right .hotspot .hotspot-area4 .lg-hotspot-label{
         top: 3%;
        left: 84%;
        width:35%;
    }
     .discount-area .discount-right .hotspot .hotspot-area5 .lg-hotspot-label{
         top: 84%;
        left: 50%;
         width:35%;
    }
     .discount-area .discount-right .hotspot .hotspot-area6 .lg-hotspot-label{
        top: 84%;
        left:86%;
        width:30%;
    }
     .discount-area .discount-right .hotspot .hotspot-area7 .lg-hotspot-label{
         top: 61%;
         left:90%;
        z-index: 1;
        width:25%;
    }
}
 @media only screen and (max-width: 440px){
     .discount-area .discount-right .circle .circle1 {
         left: 8%;
    }
     .discount-area .discount-right .circle .circle2 {
         left: 17%;
    }
     .discount-area .discount-right .circle .circle3 {
        left:26% 
    }
     .discount-area .discount-right .discount-img {
        margin-left: 12%;
    }
     .discount-area .discount-right img{
        padding: 0;
         margin-left: 0px;
         z-index: 1;
    }
     .discount-area .discount-right .hotspot .hotspot1{
        left: 11%;
        top: 17%;
        z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot2{
        left: 8%;
         top: 64%;
         z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot3{
        left: 14%;
        top: 75%;
    }
     .discount-area .discount-right .hotspot .hotspot4{
        top: 17%;
        right: -20%;
    }
     .discount-area .discount-right .hotspot .hotspot5{
         bottom: 18%;
         right: -19%;
    }
     .discount-area .discount-right .hotspot .hotspot6{
        right: 26%;
         bottom: 17%;
    }
     .discount-area .discount-right .hotspot .hotspot7{
         left: 114%;
        top: 53%;
    }
     .discount-area .discount-right .hotspot .lg-hotspot-label{
         top: 4%;
        left: -11%;
         width:35%;
    }
     .discount-area .discount-right .hotspot .hotspot-area2 .lg-hotspot-label{
         top: 50%;
        left: -8%;
        width:35%;
         z-index:0;
    }
     .discount-area .discount-right .hotspot .hotspot-area3 .lg-hotspot-label{
        top: 83%;
        left: -9%;
         width:30%;
    }
     .discount-area .discount-right .hotspot .hotspot-area4 .lg-hotspot-label{
         top: 3%;
        left: 84%;
        width:35%;
    }
     .discount-area .discount-right .hotspot .hotspot-area5 .lg-hotspot-label{
         top: 84%;
        left: 84%;
         width:35%;
    }
     .discount-area .discount-right .hotspot .hotspot-area6 .lg-hotspot-label{
        top: 84%;
        left:48%;
        width:30%;
    }
     .discount-area .discount-right .hotspot .hotspot-area7 .lg-hotspot-label{
         top: 61%;
         left:90%;
        z-index: 1;
        width:25%;
    }
}
 @media only screen and (max-width: 414px){
     .discount-area .discount-right .circle .circle1 {
         left: 8%;
    }
     .discount-area .discount-right .circle .circle2 {
         left: 17%;
    }
     .discount-area .discount-right .circle .circle3 {
        left:26% 
    }
     .discount-area .discount-right .discount-img {
        margin-left: 7%;
    }
     .discount-area .discount-right img{
        padding: 0;
         margin-left: 0px;
         z-index: 1;
    }
     .discount-area .discount-right .hotspot .hotspot1{
        left: 11%;
        top: 17%;
        z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot2{
        left: 7%;
         top: 64%;
         z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot3{
        left: 14%;
        top: 75%;
    }
     .discount-area .discount-right .hotspot .hotspot4{
        top: 17%;
        right: -27%;
    }
     .discount-area .discount-right .hotspot .hotspot5{
         bottom: 15%;
         right: 30%;
    }
     .discount-area .discount-right .hotspot .hotspot6{
        right: -27%;
         bottom: 18%;
    }
     .discount-area .discount-right .hotspot .hotspot7{
         left: 120%;
        top: 53%;
    }
     .discount-area .discount-right .hotspot .lg-hotspot-label{
         top: 4%;
        left: -11%;
         width:40%;
    }
     .discount-area .discount-right .hotspot .hotspot-area2 .lg-hotspot-label{
         top: 50%;
        left: -8%;
        width:40%;
         z-index:0;
    }
     .discount-area .discount-right .hotspot .hotspot-area3 .lg-hotspot-label{
        top: 83%;
        left: -9%;
         width:30%;
    }
     .discount-area .discount-right .hotspot .hotspot-area4 .lg-hotspot-label{
         top: 3%;
        left: 84%;
        width:40%;
    }
     .discount-area .discount-right .hotspot .hotspot-area5 .lg-hotspot-label{
         top: 84%;
        left: 55%;
         width:40%;
    }
     .discount-area .discount-right .hotspot .hotspot-area6 .lg-hotspot-label{
        top: 84%;
        left:100%;
        width:30%;
    }
     .discount-area .discount-right .hotspot .hotspot-area7 .lg-hotspot-label{
         top: 61%;
         left:100%;
        z-index: 1;
        width:25%;
    }
}
 @media only screen and (max-width: 480px){

     
     .discount-area .discount-right .circle .circle1 {
         left: 8%;
    }
     .discount-area .discount-right .circle .circle2 {
         left: 17%;
    }
     .discount-area .discount-right .circle .circle3 {
        left:26% 
    }
     .discount-area .discount-right .discount-img {
        margin-left: 12%;
    }
     .discount-area .discount-right img{
        padding: 0;
         margin-left: 0px;
         z-index: 1;
    }
     .discount-area .discount-right .hotspot .hotspot1{
         width: 40px;
        height: 40px;
        line-height: 40px;
        left: 27%;
        top: 15%;
        z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot2{
         width: 40px;
        height: 40px;
        line-height: 40px;
        left: 25%;
        top: 61%;
         z-index:2;
    }
     .discount-area .discount-right .hotspot .hotspot3{
         width: 40px;
        height: 40px;
        line-height: 40px;
        left: 28%;
        top: 75%;
    }
     .discount-area .discount-right .hotspot .hotspot4{
         width: 40px;
        height: 40px;
        line-height: 40px;
        top: 16%;
        right: 2%;
    }
     .discount-area .discount-right .hotspot .hotspot5{
         width: 40px;
        height: 40px;
        line-height: 40px;
         bottom: 15%;
        right: 7%;
    }
     .discount-area .discount-right .hotspot .hotspot6{
         width: 40px;
        height: 40px;
        line-height: 40px;
        right: 33%;
         bottom: 13%;
    }
     .discount-area .discount-right .hotspot .hotspot7{
         width: 40px;
        height: 40px;
        line-height: 40px;
        z-index: 2;
         left: 90%;
        top: 53%;
    }
     .discount-area .discount-right .hotspot .lg-hotspot-label{
        top: 8%;
        left: 32%;
        width: 33%;
        background: rgb(0 0 0);
        padding: 10px;
    }
     .discount-area .discount-right .hotspot .hotspot-area2 .lg-hotspot-label{
       top: 53%;
        left: 29%;
        width: 32%;
        z-index: 1;
        background: rgb(0 0 0);
        padding: 10px;
    }
     .discount-area .discount-right .hotspot .hotspot-area3 .lg-hotspot-label{
        top: 83%;
        left: 31%;
        width: 24%;
        background: rgb(0 0 0);
        padding: 10px;
    }
     .discount-area .discount-right .hotspot .hotspot-area4 .lg-hotspot-label{
        top: 8%;
        left: 67%;
        width: 32%;
        background: rgb(0 0 0);
        padding: 10px;
    }
     .discount-area .discount-right .hotspot .hotspot-area5 .lg-hotspot-label{
        top: 84%;
        left: 67%;
        width: 33%;
        background: rgb(0 0 0);
        padding: 10px;
    }
     .discount-area .discount-right .hotspot .hotspot-area6 .lg-hotspot-label{
        top: 84%;
        left: 64%;
        width: 20%;
        background: rgb(0 0 0);
        padding: 10px;
    }
     .discount-area .discount-right .hotspot .hotspot-area7 .lg-hotspot-label{
        top: 60%;
        left: 74%;
        z-index: 1;
        width: 24%;
        padding: 10px;
        background: rgb(0 0 0);
    }
}
 @media only screen and (max-width: 375px){
     .discount-area .discount-right .circle .circle1 {
         left: 8%;
    }
     .discount-area .discount-right .circle .circle2 {
         left: 17%;
    }
     .discount-area .discount-right .circle .circle3 {
        left:26% 
    }
     .discount-area .discount-right .discount-img {
        margin-left: 12%;
    }
     .discount-area .discount-right img{
        padding: 0;
         margin-left: 0px;
         z-index: 1;
    }
     .discount-area .discount-right .hotspot .hotspot1{
        left: 14%;
        top: 15%;
        z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot2{
        left: 12%;
         top: 60%;
         z-index:1;
    }
     .discount-area .discount-right .hotspot .hotspot3{
        left: 16%;
        top: 78%;
    }
     .discount-area .discount-right .hotspot .hotspot4{
        top: 17%;
        right: -14%;
    }
     .discount-area .discount-right .hotspot .hotspot5{
         bottom: 13%;
         right: 27%;
    }
     .discount-area .discount-right .hotspot .hotspot6{
        right: 23%;
         bottom: 17%;
    }
     .discount-area .discount-right .hotspot .hotspot7{
         left: 121%;
        top: 53%;
    }
     .discount-area .discount-right .hotspot .lg-hotspot-label{
         top: 4%;
        left: 16%;
         width:40%;
    }
     .discount-area .discount-right .hotspot .hotspot-area2 .lg-hotspot-label{
         top: 44%;
        left: 3%;
        width:28%;
         z-index:0;
    }
     .discount-area .discount-right .hotspot .hotspot-area3 .lg-hotspot-label{
        top: 83%;
        left: 19%;
         width:30%;
    }
     .discount-area .discount-right .hotspot .hotspot-area4 .lg-hotspot-label{
         top: 3%;
        left: 84%;
        width:40%;
    }
     .discount-area .discount-right .hotspot .hotspot-area5 .lg-hotspot-label{
         top: 84%;
        left: 50%;
         width:40%;
    }
     .discount-area .discount-right .hotspot .hotspot-area6 .lg-hotspot-label{
        top: 84%;
        left:100%;
        width:30%;
    }
     .discount-area .discount-right .hotspot .hotspot-area7 .lg-hotspot-label{
         top: 61%;
         left:100%;
        z-index: 1;
        width:30%;
    }
}
 @media only screen and (max-width: 767px){
     
    .ZanaInternational .footer .footer-bottom {
        text-align: center;
    }
     
     .right-reserv{
         display: block;
     }
     
     .store-features .store-info a .detail h5 {
            font-size: 14px;
            
        }
        
        
        .for-max-w{
           max-width: 74%!important;
        }
    
     
     #site-scroll i {
         line-height: 0;
         font-size: 13px;
    }
    
    .for-custom-align{
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .store-features .store-info a .detail h5 {
        margin-top:10px;
        text-align: center;
        font-size: 14px;
    }
    
    .footer-links a:hover:before {
        display: none;
    }
    
    .store-features.small-icon .store-info .an {
        width: 30px;
        font-size: 38px;
    }
}

.for-mt-15{
    margin-top:30px;
}

.for-moil-shop{
    display: block;
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
}

.detail-center{
    text-align: center;
}

.user-link, .header-cart{
    flex-direction: column;
}

.for-tag-text{
    line-height: 18px;
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.mt100{
    margin-top: 150px;
}

.for-m-0 p{
    margin: 0;
}