/*modal body*/
.embed-responsive-21by9 iframe {
    max-width: 1115px;
}


.sharebutton {
    margin-right: 10px;
    float: left;
    cursor: pointer;
    width: 75px;
    border-radius: 3px;
    font-size: 14px;
    height: 28px;
    padding: 3px 8px;
    color: white;
}



#share {
    width: 100%;
}

.buttonshare {
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    color: lightgray;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 200;
    cursor: pointer;
    margin: 5px;
}

.buttonwish {
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    color: lightgray;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 200;
    cursor: pointer;
    margin: 5px;
}

.buttonwishactive {
    color: #d43f3a !important;
}



.clicked {
    opacity: 1 !important;
    transition: 1.2s all ease;
    display: block !important;
}


.dvshare {
    opacity: 0;
    position: relative;
    display: none;
}


/* buttons */

#share a {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    transition: opacity 0.15s linear;
    margin: 0 5px;
    text-align: center;
}

    #share a:hover {
        opacity: 1;
    }

/* icons */

#share i {
    position: relative;
    top: 35%;
    transform: translateY(-50%);
}

/* colors */

.facebook {
    background: #3b5998;
    cursor: pointer;
}

.whatapps {
    background: #5be875;
    cursor: pointer;
}

.telegram {
    background: #3198c3;
    cursor: pointer;
}




.jssorImage {
    position: relative;
    margin: 0 auto;
    top: 0px;
    left: 0px;
    width: 980px;
    overflow: hidden;
    visibility: hidden;
}

.imgeslides {
    cursor: default;
    position: relative;
    top: 0px;
    left: 0px;
    width: 980px;
    height: 200px;
    overflow: hidden;
}


.leftarrow {
    width: 50px;
    height: 50px;
    top: 0px;
    left: 30px;
}

.rightarrow {
    width: 50px;
    height: 50px;
    top: 0px;
    right: 30px;
}



.viewVideo {
    color: black;
}

.active{
    color:red !important;
}




.cdisPrice {
    color: gray;
}



.orderbody {
    background-color: whitesmoke
}

.bodydetail {
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius:10px;
}


.videoIcon {
    z-index: 9999;
    position: absolute;
    top: 65%;
    left: 10%;
}


.productinfo {
    margin-top: 10px;
    position: relative;
}


.dvPrice {
    position: absolute;
    bottom: 50px;
    right: 15px;
}

.dvCart {
    width: 100%;
    position: absolute;
    bottom: 0px;
    right: 15px;
}


.qtyenter {
    width: 60%;
}


/* ---------------------------------------------- Edit By Kevin */
.cPrice {
    font-size: x-large;
    font-weight: bold;
    color:red;
}

.swiper-container {
    width: 100%;
    height: 100%;
}



.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .swiper-slide a {
        color: black;
    }



.swiper_next, .swiper_prev {
    position: absolute;
    top: 50%;
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .swiper_next.swiper-button-disabled, .swiper_prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper_next:after, .swiper_prev:after {
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1
    }

.swiper_prev, .swiper-container-rtl .swiper_next {
    left: 5px;
    right: auto
}



.swiper_next, .swiper-container-rtl .swiper_prev {
    right: 5px;
    left: auto
}
    .swiper_next.swiper-button-white, .swiper_prev.swiper-button-white {
        --swiper-navigation-color: #ffffff
    }

    .swiper_next.swiper-button-black, .swiper_prev.swiper-button-black {
        --swiper-navigation-color: #000000
    }





.gridStyle {
    margin-top: 30px;
}

.itemdesc {
    word-wrap: break-word; /* IE 5.5-7 */
    white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
    white-space: pre-wrap; /* current browsers */
}


.glyphicon {
    margin-right: 5px;
}

.rating .glyphicon {
    font-size: 22px;
}

.rating-num {
    margin-top: 0px;
    font-size: 54px;
}

.progress {
    margin-bottom: 5px;
}

.progress-bar {
    text-align: left;
}

.rating-desc .col-md-3 {
    padding-right: 0px;
}

.sr-only {
    margin-left: 5px;
    overflow: visible;
    clip: auto;
}



.product-grid4 {
    width: 100%;
    font-family: Poppins,sans-serif;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
    transition: all .3s ease 0s;
    background-color: white;
    padding: 10px;
}

    .product-grid4 .descrip {
        width: 100%;
        height: 50px;
        overflow: hidden;
        text-align: left;
        padding:0px 15px;
    }


    .product-grid4 .price {
        text-align: left;
        color: #16a085;
        font-size: 16px;
        font-weight: 700;
        margin: 0 2px 15px 0;
        display: block;
    }


        .product-grid4 .price span {
            color: #909090;
            font-size: 12px;
            font-weight: 400;
            letter-spacing: 0;
            text-decoration: line-through;
            text-align: left;
            vertical-align: middle;
            display: inline-block;
        }

    .product-grid4 .pricerow {
        height: 55px;
    }

    .product-grid4 .points {
        font-size: 12px;
        color: dimgray;
        float: right;
    }


.dvimg {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}


#dvbottomAddCart {
    display: none;
    position: fixed;
    bottom: 60px;
    z-index: 99;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

.rowdvbottomAddCart {
    background-color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}


#pic1 {
    width: 100%;
}





/*Desktop*/
@media (min-width: 1200px) {



    .itemdesc img {
        max-width: 100%;
        height: auto;
    }

    .product-grid4 img {
        text-align: center;
        max-width: 180px;
        height: 180px;
    }

   /* .indexItem {
        height: 430px !important;
    }*/


    .bundleimg {
        height: 300px !important;
    }

    

}
/*iPad Pro Portrait - Tablet Tab 10 Landscape*/
@media (min-width: 992px) and (max-width: 1200px) {

    .itemdesc img {
        max-width: 100%;
        height: auto;
    }

    .product-grid4 img {
        text-align: center;
        max-width: 180px;
        height: 180px;
    }

    /*.indexItem {
        height: 380px !important;
    }*/

    .bundleimg {
        height: 260px !important;
    }


}
/*iPad or iPad Min Landscape - Tablet Tab 10 Portrait */
@media (min-width: 770px) and (max-width: 991px) {

    #lblProductName {
        font-size: x-large;
    }

    .product-grid4 img {
        text-align: center;
        max-width: 150px;
        height: 150px;
    }

    /*.indexItem {
        height: 380px !important;
    }*/

}
/*iPad or iPad Min Portrait - Tablet Tab 7 - Phone Mobile Landscape */
@media (min-width: 577px) and (max-width: 769px) {

    .dvimg {
        margin-top: -20px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }

    .bodydetail {
        margin-top:-25px;
        background-color: white;
        padding-top: 20px;
        padding-bottom: 10px;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    #lblProductName {
        font-size: x-large;
    }


    .product-grid4 img {
        text-align: center;
        max-width: 180px;
        height: 180px;
    }


    .jssorImage {
        position: relative;
        margin: 0 auto;
        top: 0px;
        left: 0px;
        width: 980px;
        height: 200px !important;
        overflow: hidden;
        visibility: hidden;
        margin-bottom: -130px;
    }

   

}
/*Phone Mobile Portrait */
@media (min-width: 361px) and (max-width: 576px) {

    .dvimg {
        margin-top: 0px;
        padding: 0px;
        margin-bottom: -20px;
    }

    .bodydetail {
        margin-top: -25px;
        background-color: white;
        padding-top: 0px;
        padding-bottom: 10px;
        padding-left: 10px !important;
        padding-right: 15px !important;
    }

    #lblProductName {
        font-size: larger;
    }


    .product-grid4 {
        width: 100%;
        font-family: Poppins,sans-serif;
        text-align: center;
        border-radius: 5px;
        overflow: hidden;
        z-index: 1;
        transition: all .3s ease 0s;
        background-color: white;
        padding: 0px;
    }

        .product-grid4 img {
            text-align: center;
            max-width: 150px;
            height: 150px;
        }


        .product-grid4 .descrip {
            width: 100%;
            height: 50px;
            overflow: hidden;
            text-align: left;
            font-size: 15.5px;
        }


        .product-grid4 .price {
            text-align: left;
            color: #16a085;
            font-size: 14px;
            font-weight: 700;
            margin: 0 2px 15px 0;
            display: block;
        }

            .product-grid4 .price span {
                color: #909090;
                font-size: 10px;
                font-weight: 400;
                letter-spacing: 0;
                text-decoration: line-through;
                text-align: left;
                vertical-align: middle;
                display: inline-block;
            }

        .product-grid4 .pricerow {
            height: 55px;
        }

        .product-grid4 .points {
            margin-top: 5px;
            font-size: 8.5px;
            color: dimgray;
            float: right;
        }



    .jssorImage {
        position: relative;
        margin: 0 auto;
        top: 0px;
        left: 0px;
        width: 980px;
        height: 200px !important;
        overflow: hidden;
        visibility: hidden;
        margin-bottom:-130px;
    }

}


/*iPhone 5/5s/SE */
@media (max-width: 360px) {

    .dvimg {
        margin-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: -20px;
    }

    .bodydetail {
        margin-top: -25px;
        background-color: white;
        padding-top: 0px;
        padding-bottom: 10px;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }


    #lblProductName {
        font-size: larger;
    }

    .itemdesc img {
        max-width: 100%;
        max-height: 400px;
    }

    .product-grid4 img {
        text-align: center;
        max-width: 180px;
        height: 180px;
    }


    .jssorImage {
        position: relative;
        margin: 0 auto;
        top: 0px;
        left: 0px;
        width: 980px;
        height: 200px !important;
        overflow: hidden;
        visibility: hidden;
        margin-bottom: -130px;
    }

    /*.indexItem {
        height: 350px !important;
    }*/


}






@media (min-width: 992px) and (max-width: 1200px) {

    /*.indexItem {
        height: 380px !important;
    }*/
    

    .itemdesc img {
        max-width: 100%;
        max-height: 1200px;
    }

}


@media (max-width: 999px) {


    .productinfo {
        margin-bottom: 50px;
        position: static;
    }


    .dvPrice {
        position: static;
        bottom: 50px;
        right: 15px;
        float:right;
    }

    .dvCart {
        width: 100%;
        position: static;
        bottom: 0px;
        right: 15px;
        float: right;
    }

    .qtyenter {
        width: 100%;
    }


}



    



    @media (min-width: 769px) and (max-width: 911px) {

        .itemdesc img {
            max-width: 100%;
            max-height: 850px;
        }

        .bundleimg {
            height: 260px !important;
        }


        .btnAddToCart, .btnSold {
            font-size: medium;
        }

    }


    @media (min-width: 577px) and (max-width: 768px) {

        .itemdesc img {
            max-width: 100%;
            max-height: 700px;
        }

        /*.indexItem {
            height: 380px !important;
        }*/

        .bundleimg {
            height: 260px !important;
        }


        .btnAddToCart, .btnSold {
            font-size: medium;
        }

    }


    @media (min-width: 511px) and (max-width: 576px) {

        .itemdesc img {
            max-width: 100%;
            max-height: 650px;
        }

        /*.indexItem {
            height: 410px !important;
        }*/

        .bundleimg {
            height: 340px !important;
        }

        .btnAddToCart, .btnSold {
            font-size: smaller;
        }

    }


    @media (min-width: 461px) and (max-width: 510px) {

        .itemdesc img {
            max-width: 100%;
            max-height: 600px;
        }

        /*.indexItem {
            height: 390px !important;
        }*/

        .bundleimg {
            height: 320px !important;
        }

        .btnAddToCart, .btnSold {
            font-size: small;
        }

    }



    @media (min-width: 411px) and (max-width: 460px) {

        .itemdesc img {
            max-width: 100%;
            max-height: 550px;
        }

        /*.indexItem {
            height: 380px !important;
        }*/

        .bundleimg {
            height: 280px !important;
        }

        .btnAddToCart, .btnSold {
            font-size: small;
        }

    }


    @media (min-width: 361px) and (max-width: 410px) {

        .itemdesc img {
            max-width: 100%;
            max-height: 500px;
        }

        /*.indexItem {
            height: 350px !important;
        }*/


        .bundleimg {
            height: 260px !important;
        }


        .btnAddToCart, .btnSold {
            font-size: small;
        }

    }




.bundledlist {
    border: 0.5px solid lightgray;
    margin: 3px;
    padding: 10px;
}




.card-body {
    height: 0px !important;
    min-height: 0px !important;
}

.bundlePrice {
    color: red;
    font-weight: bold;
}


.imageproductslider{
    width:100%;
}

.viewItem{
    height:0px !important;
}



.dvBreadCrumb {
    display: flex;
    margin: 0px -10px;
}


.linkBreadCrumb {
    font-size: medium;
    color: grey;
}

.arrowBreadCrumb {
    margin-right: 10px;
    margin-left: 10px;
    margin-top:5px;
    color:gray;
}


#linkBreadCrumbProduct {
    display: inline-block;
    max-width: 75%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color:black;
}


.dvshortdesc{
    max-height:240px;
    display:flex;
    margin-bottom: 10px;
}

.shortdesc {
    color: gray;
    overflow: hidden;
}



.btnAddToCart {
    font-weight:bold;
    background-color: #E0AF4C;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(0deg, rgba(173,119,44,1) 0%, rgba(245,160,60,1) 20.85%, rgba(249,193,75,1) 32.96%, rgba(244,234,184,1) 45.23%, rgba(245,160,60,1) 67.78%, rgba(173,119,44,1) 84.88%, rgba(250,195,90,1) 99.63%);
}


.btnSold {
    font-weight:bold;
    color:white;
    background: linear-gradient(27deg, rgba(237,34,36,1) 0%, rgba(137,23,26,1) 100%);
}