/* user login popup box css */
.xoo-el-action-btn.xoo-el-register-btn:hover {
    background-color: #f77b2f !important;
}

.xoo-el-close.xoo-el-icon-cancel-circle:hover {
    color: #f77b2f !important;
}

.xoo-el-login-btn:hover {
    background-color: #f77b2f !important;
}

table.lensdatatbl select option{
    direction: ltr;
}

.color-bor{
    border: 1px solid #dee2e6!important;
    margin-top: 10px;
    width: 238px;
    padding: 7px;
}
/* header media query */
@media only screen and (min-width:1025px) {
    .xoo-el-login-tgr img {
        /*margin-top: 5% !important;*/
        object-fit: cover;
    }

    .position-relative.px-1.opencart img {
        /*margin-top: 6% !important;*/
        object-fit: cover;
    }

    /*.col-lg-4.col-xl-3.pl-0 .text-primary {
        margin-top: 8.9% !important;
    }*/

    .text-primary .mob_no {
        font-size: 26px !important;
    }
}
@media only screen and (max-width:1026px) {
    table.lensdatatbl select option{
        direction: rtl!important;
    }
}

/* user login rememberme checkbox */
.xoo-el-main .xoo-el-form-label input[type="checkbox"][name="xoo-el-rememberme"][value="forever"] {
    -webkit-appearance: none;
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    background: #ffffff;
    border: 0.2px solid #000000;
    cursor: pointer;
    display: inline-block;
    padding-bottom: 5px;

}

.xoo-el-main .xoo-el-form-label input[type="checkbox"][name="xoo-el-rememberme"][value="forever"]:checked {
    background: white;
}

.xoo-el-main .xoo-el-form-label input[type="checkbox"][name="xoo-el-rememberme"][value="forever"]:checked::before {
    position: absolute;
    left: 1px;
    top: 50%;
    height: 35%;
    width: 2.3px;
    background-color: #000000;
    content: "";
    transform: translateX(5px) rotate(-50deg);
    transform-origin: left bottom;

}

.xoo-el-main .xoo-el-form-label input[type="checkbox"][name="xoo-el-rememberme"][value="forever"]:checked::after {
    position: absolute;
    left: 0;
    right: 5px;
    bottom: 1.5px;
    height: 2.3px;
    width: 75%;
    background-color: #000000;
    content: "";
    transform: translateX(8px) rotate(-51deg);
    transform-origin: left bottom;
}


/* Select background color */
.product-section.category-section .woocommerce-ordering select option:checked {
    background-color: #f77b2f !important;
    color: #ffffff;
}

.product-section.category-section .woocommerce-ordering select option:hover {
    background-color: #f77b2f !important;
    color: #ffffff;
}

#yith-wacp-popup .single-cart-item dt.variation-color{
    padding-top: 8px;
}

/* checkout loading */

.checkout_remainder.loading .loading-animation{
    display: block;
    text-align: center;
    position: absolute;
    /* left: 0; */
    width: 100%;
    height: 296px;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex!important;
    backdrop-filter: blur(0px);
    background-color: rgba(255, 255, 255, 0.7);
    margin-top: -18px;
    right: 0px;
    align-items: center;
}
.checkout_remainder.after_load .loading-animation{
    display: none;
}
/* Header icons */
@media only screen and (min-width:577px) and (max-width:992px) {
    header nav ul li .text-primary {
        font-size: 31px;
        line-height: 80px;
    }

    .xoo-el-login-tgr img {
        line-height: 0px !important;
        margin-top: 0% !important;
        object-fit: cover;
        width: 24px!important;
    }

    header .xoo-el-login-tgr img {
        width: 22px!important;
    }

    .position-relative.px-1.opencart img {
        margin-top: 0% !important;
        line-height: 0px !important;
        object-fit: cover;
    }
}

@media only screen and (min-width:376px) and (max-width:576px) {
    header nav ul li .icon-search {
        font-weight: 200 !important;
        margin: 0px !important;
        padding: 0px !important;
        line-height: 19px !important;
    }
}


/* Header Brand image */
@media only screen and (min-width:290px) and (max-width:344px) {
    header .navbar-brand img {
        max-width: 103px;
        margin-left: 0;
    }

    header .navbar ul li a {
        padding: 0px 6px !important;
    }
}

@media only screen and (min-width:260px) and (max-width:291px) {
    header .navbar-brand img {
        max-width: 100px;
        margin-left: 0;
    }

    header .navbar ul li a {
        padding: 0px 4px !important;
    }
}


/* Product page table */
@media only screen and (min-width:280px) and (max-width:330px) {
    .product-page table.lensdatatbl thead tr th {
        height: 39.90px;
        padding: 10.5px;
        margin-top: 0px;
        font-size: 10px !important;
    }

    .single-product .cus_select {
        min-width: auto;
    }
    .single-product .row.product-listing select:disabled {
        color: rgb(126 126 126);
        font-size: 15px !important;
    }

    .customform table.lensdatatbl td {
        padding: 8px 15px !important;
    }

    .customform table.lensdatatbl tbody tr.rowright,
    .customform table.lensdatatbl tbody tr.rowleft {
        font-size: 15px;
    }
    /****single product****/

    .single.single-product .customform table.lensdatatbl .paoselectdata[disabled], .single.single-product .customform table.lensdatatbl .paoselectdata {
        font-size: 15px!important;
    }

    .single.single-product .rowright td:after, .single.single-product .rowleft td:after, .single.single-product .colorform.qtyattr:after {
        font-size: 15px;
        margin-right: 0px;
    }

    .single.single-product .rowright td.cus_select_td:after, .single.single-product .rowleft td.cus_select_td:after {
        margin-top: 47px;
    }

    .single.single-product ul.powerdd i.fa-chevron-down {
        font-size: 15px !important;
        right: 54px !important;
    }
    table.lensdatatbl tbody {
        display: flex;
        width: 100%;
    }
    .yith-wacp-content table.cart-list td.item-thumb {
         display: block!important;
    }

    .woocommerce-account.woocommerce-view-order .order_item table.lensdatatbl thead th{
        text-align: center;
        padding: 9px 0px;
    }

}

/* Carousel owl Dots */
@media only screen and (min-width:280px) and (max-width:767px) {

    main .order-section .owl-carousel .owl-dots {
        bottom: 0px !important;
        margin-bottom: -22% !important;
    }

    main .order-section .owl-carousel .owl-dots .owl-dot {
        border-color: #6c757d;
    }

    main .order-section .owl-carousel .owl-dots .owl-dot.active {
        background-color: #6c757d;
    }
}

/* Banner below Images */
@media only screen and (min-width:992px) and (max-width:1199px) {

    main .order-section #banner-belowrow #banner-below img.img-fluid.mt-4.mt-md-0 {
        margin-top: 7% !important;
        max-width: 450px !important;
        min-width: 100px !important;
        object-fit: contain !important;
    }

    main .order-section #banner-belowrow #banner-below:first-child {
        padding-right: 15px !important;
    }

    main .order-section #banner-belowrow #banner-below:last-child {
        padding-left: 15px !important;
    }
}

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

    main .order-section #banner-belowrow #banner-below img.img-fluid.mt-4.mt-md-0 {
        margin-top: 0% !important;
        max-width: 332px !important;
        min-width: 100px !important;
        object-fit: contain !important;
        height: auto;
        margin-bottom: 43px;
    }

    main .order-section #banner-belowrow #banner-below:first-child {
        padding-right: 15px !important;
    }

    main .order-section #banner-belowrow #banner-below:last-child {
        padding-left: 15px !important;
    }


    main .order-section .owl-carousel .owl-dots {
        bottom: 3px !important;

    }
}

@media only screen and (min-width: 577px) and (max-width: 767px) {

    main .order-section #banner-belowrow {
        flex-wrap: nowrap;
    }

    main .order-section #banner-belowrow #banner-below:first-child {
        padding-right: 15px !important;
    }

    main .order-section #banner-belowrow #banner-below:last-child {
        padding-left: 15px !important;
    }

    main .order-section #banner-belowrow #banner-below img {
        max-width: 240px !important;
        min-width: 100px !important;
        max-height: 220px !important;
        margin-top: 37% !important;
        object-fit: contain !important;
    }
}


/* Product section in Home page and Owl dots */
@media only screen and (min-width:480px) and (max-width:576px) {
    .page-template-template-homepage main .product-section {
        margin-top: 16% !important;
    }

    main .order-section .owl-carousel .owl-dots {
        bottom: 0px !important;
        margin-bottom: -19% !important;
    }
}

@media only screen and (min-width:400px) and (max-width:480px) {
    .page-template-template-homepage main .product-section {
        margin-top: 14% !important;
    }

    main .order-section .owl-carousel .owl-dots {
        bottom: 0px !important;
        margin-bottom: -22% !important;
    }
}

@media only screen and (min-width:320px) and (max-width:400px) {
    .page-template-template-homepage main .product-section {
        margin-top: 14% !important;
    }

    main .order-section .owl-carousel .owl-dots {
        bottom: 0px !important;
        margin-bottom: -28% !important;
    }
}

@media only screen and (max-width:320px) {
    .page-template-template-homepage main .product-section {
        margin-top: 14% !important;
    }

    main .order-section .owl-carousel .owl-dots {
        bottom: 0px !important;
        margin-bottom: -32% !important;
        margin-left: -10% !important;
    }
}

/* Forgot password Popup Box */
@media only screen and (min-width:280px) {
    /* .xoo-el-form-popup .xoo-el-header .xoo-el-tabs .xoo-el-login-tgr {
        background-color: #f77b2f;
    } */

    .xoo-el-main .xoo-el-form-lostpw .xoo-el-form-txt {
        direction: rtl !important;
        text-align: right !important;
        margin-right: 20px;
    }

    .xoo-el-main .xoo-el-form-lostpw button.xoo-el-lostpw-btn {
        background-color: #f77b2f !important;
    }

    .xoo-el-main .xoo-el-form-lostpw button.xoo-el-lostpw-btn:hover {
        background-color: #0184ba !important;
    }
}

/* Articles seperators and margin */
@media only screen and (max-width:575px) {

    .category-uncategorized main .product-section .card-body {
        margin-bottom: 15px !important;
        border-bottom: 1px solid rgb(213, 213, 213) !important;
        border-width: 50% !important;
        padding-bottom: 15px !important;
    }

    .category-uncategorized main .product-section .col-sm-6.col-xl-4:last-child .card-body {
        margin-bottom: 20px !important;
        border-bottom: none !important;
    }
}

/* Popup-secondary text */
@media only screen and (min-width:280px) {
    .yith-wacp-content .tran_type {
        color: #000000 !important;
    }

}

@media only screen and (max-width:567px) {
    .yith-wacp-content table.cart-list td.item-info .item-name {
        text-align: center !important;
    }

    .yith-wacp-content .variation .item-info .tran_type {
        text-align: center !important;
        /*display: block !important;*/
    }

    .yith-wacp-content table.cart-list td.item-subtotal {
        padding-bottom: 6% !important;
        font-size: 15px !important;
    }

    #yith-wacp-popup .yith-wacp-content .cart-info,
    #yith-wacp-popup .yith-wacp-content .yith-wacp-cart-info {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 12rem !important;
    }

    .yith-wacp-content .cart-info>div,.yith-wacp-content .yith-wacp-cart-info>div  {
        font-size: 18px !important;
    }

    #yith-wacp-popup .yith-wacp-content table.lensdatatbl thead tr th {
        height: 42.50px;
        padding-top: 6.5% !important;
        padding-left:2px;
        border-left: 1px solid rgb(213,213,213)!important;
        border-right: 1px solid rgb(213,213,213)!important;
        font-size:15px!important;
        text-align: center!important;

    }
    #yith-wacp-popup .yith-wacp-content table.lensdatatbl td:last-child,#yith-wacp-popup .yith-wacp-content table.lensdatatbl td{
        border-left: 1px solid rgb(213,213,213)!important;
        border-width: 0px 0px 1px 1px!important
    }
    #yith-wacp-popup .yith-wacp-content table.lensdatatbl td:last-child{
        border-bottom: 0px solid rgb(213,213,213)!important;
    }
    #yith-wacp-popup .yith-wacp-content table.lensdatatbl thead tr th:first-child{
        border-top: 0px!important;
    }
    .yith-wacp-content table.lensdatatbl thead tr th:last-child{
        border-left: 1px solid rgb(213,213,213)!important;
    }
    #yith-wacp-popup .yith-wacp-content table.lensdatatbl tr:last-child{
        border-width: 1px 0px 1px 0px!important;
    }
}

@media only screen and (max-width:301px) {
    .yith-wacp-content table.lensdatatbl thead tr th {
        padding-top: 3.5% !important;
    }
}

/* popup cart subtotal */
@media only screen and (min-width:992px) {
    /*.yith-wacp-content table.cart-list .variation td.item-subtotal {
        padding-top: 14.5% !important;
    }*/

    /* popup cart total price */
    #yith-wacp-popup .yith-wacp-content .cart-info,
    #yith-wacp-popup .yith-wacp-content .yith-wacp-cart-info {
        float: left;
        margin-left: 4%;
    }
}


/* popup table contents */
@media only screen and (min-width:767px) {

    .yith-wacp-content table.lensdatatbl th,
    .yith-wacp-content table.lensdatatbl td {
        text-align: center;
    }
}

@media only screen and (min-width:577px) and (max-width:767px) {
    .yith-wacp-content table.lensdatatbl td {
        text-align: center !important;
    }

    .mini_cart table.lensdatatbl thead th {
        text-align: center !important;
    }
}

/* shopping cart buttons */
#yith-wacp-popup .yith-wacp-content a.button {
    background-color: #f77b2f !important;
    color: #ffffff;
}

#yith-wacp-popup .yith-wacp-content a.button:hover {
    /*box-shadow: 0px 0px 10px #f77b2f;*/
    color: #ffffff;
}

#yith-wacp-popup .yith-wacp-content a.button:first-child,
#yith-wacp-popup .yith-wacp-content a.button:last-child {
    background-color: #0184ba !important;
    color: white;
}

#yith-wacp-popup .yith-wacp-content a.button:first-child:hover,
#yith-wacp-popup .yith-wacp-content a.button:last-child:hover {
    /*box-shadow: 0px 0px 10px #0184ba;*/
    color: white;
}

/* .mega-menu-main-menu .header-top {
    position: fixed;
} */
.productImg{
  position: relative;
}
.productImg .videoph{
  position: absolute;
    width: 100%;
    height: 105%;
    z-index: 1000;
}