@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (width : 667px) and (height : 375px) and (orientation : landscape) and (color : 8) and (device-aspect-ratio : 375/667) and (aspect-ratio : 667/375) and (device-pixel-ratio : 2) and (-webkit-min-device-pixel-ratio : 2) {
    .btn-subscribe {
        left: 182px;
    }

    .mobi-login {
        position: absolute;
        top: -50px;
        right: 40px;
    }

    .slider-text-props {
        font-size: 35px !important;
        line-height: 28px !important;
    }

    .slider-text-down {
        font-size: 25px !important;
        white-space: nowrap;
    }

    .pdl-0 {
        padding-left: 20px !important;
    }

    .pdr-0 {
        padding-right: 16px !important;
        padding-left: 19px !important;
    }

    .owl-dots {
        display: flex !important;
        padding-left: 44% !important;
    }

    .cart-count sup {
        background-color: #e13737;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 5px;
        padding-right: 3px;
        border-radius: 50%;
        left: -10px;
        font-size: 14px;
        color: #fff;
        margin-left: 29px;
    }

    .owl-item active {
        width: 100% !important;
    }

    .mobilepromo .owl-item {
        width: 100% !important;
        background-color: #EBEBEB;
        padding-top: 7px !important;
    }

        .mobilepromo .owl-item h6 {
            font-size: 12px;
            line-height: 16px;
        }

        .mobilepromo .owl-item p {
            font-size: 11px;
        }

    .slider-text-down {
        line-height: -20px !important;
        margin-top: -30px !important;
        font-size: 13px !important;
    }

    .hidepromo {
        display: none;
    }



    .mobilepromo .owl-stage {
        display: flex;
    }

    .removemar {
        margin-top: 0px !important;
    }

    .shopby-cat {
        display: none;
    }

    .shopby-cat-mobi {
        display: block;
    }
    /* .brandmobi {
        display: none;
    }*/
    .maprow {
        padding: 7px !important;
    }

    .padright {
        padding-left: 19px !important;
    }

    .list_item_container img {
        width: 50px !important;
    }

    .product-image-slider-thumbnails {
        display: none !important;
    }

    #useFullReviewOnly {
        padding-left: 10px !important;
    }

    .brandsnew .owl-dots {
        display: none !important;
    }

    .col-xs-3 {
        width: 25%;
    }

    .footer-overlay {
        display: block;
    }

    .search-query {
        width: 97% !important;
    }
    /*.testimonial-group .col-xs-5 {
        min-width:180px !important;
    }*/
    #mobi-slider .owl-nav {
        display: none !important;
    }

    #mobi-sliderd .owl-nav {
        display: none !important;
    }

    .brandsnew {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .promodesktop {
        display: none !important;
    }

    .draggable {
        max-height: 359px !important;
    }

    #mobile-btn a {
        max-width: 120px !important;
    }

    .mobi-view-color .btn-block {
        display: block !important;
    }

    .mobi-name {
        font-size: 7px !important;
        line-height: 11px !important;
    }

    .mobi-price {
        font-size: 8px !important;
        line-height: 15px !important;
    }

    .mobi-image {
        margin-top: -18px;
        width: 40px !important;
        height: 40px !important;
    }

    .mobi-image-td {
        width: 40px !important;
    }

    .mobi-pro-td {
        width: 60px !important;
    }

    .mobi-content {
        padding-bottom: 0px !important;
    }

    .checkout-line-active {
        width: 25px !important;
    }

    .checkout-line {
        width: 25px !important;
    }

    .cart-text {
        font-size: 12px !important;
    }

    .heading-text {
        padding-left: 23px !important;
    }

    .lh-m {
        line-height: 20px !important;
    }

    .heading-text-m {
        padding-left: 28px !important;
    }

    .mobi-pay {
        padding-left: 30px !important;
    }

    .cart-qty {
        margin-top: 21px !important;
    }

    .style-print {
        width: 148px !important;
        font-size: 7px;
        text-align: center;
    }

    .sucess-text-small {
        font-size: 11px !important;
        line-height: 15px !important;
    }

    .sucess-text {
        font-size: 12px !important;
    }

    .heading-text-review {
        font-size: 16px !important;
    }

    .cart-sum-right {
        font-size: 11px;
    }

    .table-text-bold {
        font-size: 11px;
    }

    .mobi-tbl-top {
        margin-left: 5px !important;
    }

    .details-tbl2 th, .table td {
        padding-bottom: 0px !important;
    }

    .mobi-tbl-down {
        margin-left: 5px !important;
    }

    .mobi-cart-text {
        line-height: 14px !important;
        font-size: 11px;
    }

    .xmobi-cart-text {
        line-height: 8px !important;
        font-size: 8px;
    }

    .mobi-qty-text {
        margin-top: 10px !important;
        line-height: 11px !important;
    }

    .xmobi-qty-text {
        margin-top: 4px !important;
        line-height: 6px !important;
        font-size: 7px !important;
    }

    .details-tbl2 {
        font-size: 11px;
    }

    .cart-sum-text {
        font-size: 11px !important;
        line-height: 10px;
    }

    .cart-sum-val {
        font-size: 11px !important;
        line-height: 10px;
    }

    .mobi-cont-dash {
        padding-bottom: 0px !important;
    }

    .btn-ful {
        width: 100%;
    }

    .mobi-row {
        padding: 10px !important;
    }

    .per-text {
        padding-left: 5px !important;
    }

    .order-item-info .order-product-status {
        margin-left: 5px;
        position: absolute;
        top: -16px;
    }

    .mobi-cart-img-row {
        margin-top: 0px;
    }

    .xmobi-cart-img-row {
        margin-top: 0px !important;
    }

    .normal-fonts {
        font-size: 11px !important;
    }

    .cart-text-3 {
        line-height: 18px !important;
        font-size: 11px !important;
    }

    .normal-fonts-x {
        line-height: 15px !important;
        margin-top: -9px;
    }

    .cart-image-x {
        border: 1px solid #E7E7E7 !important;
        border-radius: 3px !important;
        /* margin-left: 17px; */
        margin-top: -20px !important;
        margin-left: 5px;
    }

    .hide-rs {
        display: none;
    }

    .cart-text-2-qty {
        font-size: 11px !important;
    }

    .cart-text-sub {
        font-size: 11px !important;
        line-height: 0px;
    }

    .line-over-heading-log {
        font-size: 8px !important;
    }

    .d-sort {
        margin-right: 32px !important;
    }

    .d-sort-width {
        width: 146px !important;
    }

    .small-line-x {
        position: absolute !important;
        left: 100px !important;
    }

    #shortdescDiv {
        text-align: left !important;
    }

    #brand-logo {
        padding-bottom: 0px;
    }

    #promo-banner {
        padding-bottom: 0px;
    }

    .mobiview-all {
        margin-top: 150px !important;
    }

    .mobi-fix-center {
        margin-left: 20px !important;
    }


    .svg-round {
        position: absolute;
        left: 182px;
        top: 17px;
    }

    .wraper {
        /*margin-bottom:100px !important;*/
    }

    #destab {
        padding-left: 0px !important;
    }

    .rating-mobi-text {
        width: 59% !important;
        padding-left: 68px !important;
    }

    .rating-mobi {
        width: 10% !important;
    }

    .pri-min {
        width: 28% !important;
    }

    .pri-max {
        width: 28% !important;
    }

    .pri-btn {
        width: 28% !important;
    }

    .chk-text {
        padding-left: 10px !important;
    }

    .what-m {
        padding-left: 23px !important;
    }

    .mobi-ash {
        font-size: 11px !important;
    }

    .mobile-cancel {
        margin-right: 48px;
    }

    .footer-overlay .row {
        padding: 10px !important;
    }
    /* cart-mobile {
        display: block;
    }footer
    .cart-desktop {
        display: none;
    }*/
    .activemenu {
        background: #DEB086 !important;
        border: 1px solid #D0936A !important;
    }

        .activemenu h3 {
            color: white !important;
        }

    .modal-content {
        width: 353px !important;
        height: 401px !important;
    }

    .hide-mobi {
        display: none !important;
    }

    .sumbal {
        width: 182px !important;
        margin-top: 33px !important;
        margin-left: 43px !important;
    }

    .mobi-xbtn {
        margin-top: 10px !important;
    }

    .add-title {
        font-style: normal;
        font-weight: 600;
        font-size: 11px;
        line-height: 19px;
        padding-top: 7px;
        color: #A3A3A3;
        line-height: 47px;
    }

    .mobix-btn-x {
        width: 244px !important;
    }

    .mobi-dim {
        display: none;
    }

    .mobi-dim-text {
        padding-top: 15px;
    }

    .mobi-deal {
        text-align: center !important;
    }

    .x-btn {
        width: 47% !important;
        margin-left: 32px;
    }

    .content-page {
        padding-bottom: 0px !important;
    }

    .heart-mobi {
        margin-top: 16px !important;
        left: -84px !important;
        position: absolute;
    }

    .sucess-text-small {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 19px;
        color: #333333;
        padding-top: -10px;
        padding-left: 10px;
        position: absolute;
        top: 31px;
    }

    .sec-fail {
        min-height: 493px !important;
    }

    .xside {
        margin-bottom: 0px !important;
    }

    .img-x-mobi {
        width: 9px !important;
    }

    .x-text {
        font-size: 4px !important;
    }

    .img-x-remove {
        margin-bottom: 22px !important;
    }

    .slider-text-props {
        font-size: 20px !important;
        padding-left: 50px !important;
    }

    .slider-text-down {
        padding-left: 50px !important;
    }

    .mobix-spcl {
        width: 353px !important;
        height: 740px !important;
    }

    #footerele {
        min-height: 330px;
    }

    .page-header-text {
        line-height: 65px !important;
    }

    .mobi-tbl-top .cart-r-al {
        width: 20% !important;
    }

    .details-tbl2 th, .table tr {
        padding-bottom: 0px !important;
        width: 20% !important;
    }

    .click-menu {
        padding-left: 93px;
    }

    .product-btn-3 {
        bottom: 68px !important;
        left: 50% !important;
    }
}

@media only screen and (max-width: 600px) {
    .product-img-wrap {
        text-align: center;
    }

    .product-item .product-item-inner img {
        width: 74%;
    }

    .x-responsive {
        margin-right: 29px;
    }

    .x-pading-mobile {
        padding-left: 24px !important;
    }

    .svg-cont {
        position: absolute;
        top: -53px;
        right: 91px;
    }

    .news-input {
        padding-right: 80px !important;
    }

    .slider-text-props {
        font-size: 35px !important;
        line-height: 28px !important;
    }

    .slider-text-down {
        font-size: 25px !important;
        white-space: nowrap;
    }

    .pdl-0 {
        padding-left: 20px !important;
    }

    .pdr-0 {
        padding-right: 16px !important;
        padding-left: 19px !important;
    }

    .owl-dots {
        display: flex !important;
        padding-left: 44% !important;
    }

    .cart-count sup {
        background-color: #e13737;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 5px;
        padding-right: 3px;
        border-radius: 50%;
        left: -10px;
        font-size: 14px;
        color: #fff;
        margin-left: 29px;
    }

    .owl-item active {
        width: 100% !important;
    }

    .mobilepromo .owl-item {
        width: 100% !important;
        background-color: #EBEBEB;
        padding-top: 7px !important;
    }

        .mobilepromo .owl-item h6 {
            font-size: 12px;
            line-height: 16px;
        }

        .mobilepromo .owl-item p {
            font-size: 11px;
        }

    .slider-text-down {
        line-height: -20px !important;
        margin-top: -30px !important;
        font-size: 13px !important;
    }

    .hidepromo {
        display: none;
    }

    .mobilepromo .owl-stage {
        display: flex;
    }

    .removemar {
        margin-top: 0px !important;
    }

    .shopby-cat {
        display: none;
    }

    .shopby-cat-mobi {
        display: block;
    }
    /* .brandmobi {
        display: none;
    }*/
    .maprow {
        padding: 7px !important;
    }

    .padright {
        padding-left: 19px !important;
    }

    .list_item_container img {
        width: 50px !important;
    }

    .product-image-slider-thumbnails {
        display: none !important;
    }

    #useFullReviewOnly {
        padding-left: 10px !important;
    }

    .brandsnew .owl-dots {
        display: none !important;
    }

    .col-xs-3 {
        width: 25%;
    }

    .footer-overlay {
        display: block;
    }

    .search-query {
        width: 97% !important;
    }
    /*.testimonial-group .col-xs-5 {
        min-width:180px !important;
    }*/
    #mobi-slider .owl-nav {
        display: none !important;
    }

    #mobi-sliderd .owl-nav {
        display: none !important;
    }

    .brandsnew {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .promodesktop {
        display: none !important;
    }

    .draggable {
        max-height: 359px !important;
    }

    #mobile-btn a {
        max-width: 120px !important;
    }

    .mobi-view-color .btn-block {
        display: block !important;
    }

    .mobi-name {
        font-size: 7px !important;
        line-height: 11px !important;
    }

    .mobi-price {
        font-size: 8px !important;
        line-height: 15px !important;
    }

    .mobi-image {
        margin-top: -18px;
        width: 40px !important;
        height: 40px !important;
    }

    .mobi-image-td {
        width: 40px !important;
    }

    .mobi-pro-td {
        width: 60px !important;
    }

    .mobi-content {
        padding-bottom: 0px !important;
    }

    .checkout-line-active {
        width: 25px !important;
    }

    .checkout-line {
        width: 25px !important;
    }

    .cart-text {
        font-size: 12px !important;
    }

    .heading-text {
        padding-left: 23px !important;
    }

    .lh-m {
        line-height: 20px !important;
    }

    .heading-text-m {
        padding-left: 28px !important;
    }

    .mobi-pay {
        padding-left: 30px !important;
    }

    .cart-qty {
        margin-top: 2px !important;
    }

    .style-print {
        width: 148px !important;
        font-size: 7px;
        text-align: center;
        padding: 11px !important;
    }

    .sucess-text-small {
        font-size: 11px !important;
        line-height: 15px !important;
    }

    .sucess-text {
        font-size: 12px !important;
    }

    .heading-text-review {
        font-size: 16px !important;
    }

    .cart-sum-right {
        font-size: 11px;
    }

    .table-text-bold {
        font-size: 11px;
    }

    .mobi-tbl-top {
        margin-left: 5px !important;
    }

    .details-tbl2 th, .table td {
        padding-bottom: 0px !important;
        width: 20% !important;
    }

    .mobi-tbl-down {
        margin-left: 5px !important;
    }

    .mobi-cart-text {
        line-height: 14px !important;
        font-size: 11px;
    }

    .xmobi-cart-text {
        line-height: 8px !important;
        font-size: 8px;
    }

    .mobi-qty-text {
        margin-top: 10px !important;
        line-height: 11px !important;
    }

    .xmobi-qty-text {
        margin-top: 4px !important;
        line-height: 6px !important;
        font-size: 7px !important;
    }

    .details-tbl2 {
        font-size: 11px;
    }

    .cart-sum-text {
        font-size: 11px !important;
        line-height: 10px;
    }

    .cart-sum-val {
        font-size: 11px !important;
        line-height: 10px;
    }

    .mobi-cont-dash {
        padding-bottom: 0px !important;
    }

    .btn-ful {
        width: 100%;
    }

    .mobi-row {
        padding: 10px !important;
    }

    .per-text {
        padding-left: 5px !important;
    }

    .order-item-info .order-product-status {
        margin-left: 5px;
        position: absolute;
        top: -16px;
    }

    .mobi-cart-img-row {
        margin-top: 0px;
    }

    .xmobi-cart-img-row {
        margin-top: 0px !important;
    }

    .normal-fonts {
        font-size: 11px !important;
    }

    .cart-text-3 {
        line-height: 18px !important;
        font-size: 11px !important;
    }

    .normal-fonts-x {
        line-height: 15px !important;
        margin-top: -9px;
    }

    .cart-image-x {
        border: 1px solid #E7E7E7 !important;
        border-radius: 3px !important;
        /* margin-left: 17px; */
        margin-top: -20px !important;
        margin-left: 5px;
    }

    .hide-rs {
        display: none;
    }

    .cart-text-2-qty {
        font-size: 11px !important;
    }

    .cart-text-sub {
        font-size: 11px !important;
        line-height: 0px;
    }

    .line-over-heading-log {
        font-size: 8px !important;
    }

    .d-sort {
        margin-right: 32px !important;
    }

    .d-sort-width {
        width: 146px !important;
    }

    .small-line-x {
        position: absolute !important;
        left: 100px !important;
    }

    #shortdescDiv {
        text-align: left !important;
    }

    #brand-logo {
        padding-bottom: 0px;
    }

    #promo-banner {
        padding-bottom: 0px;
    }

    .mobiview-all {
        margin-top: 150px !important;
    }

    .mobi-fix-center {
        margin-left: 20px !important;
    }

    .svg-round {
        position: absolute;
        left: 165px;
        top: 17px;
    }
	
	.newsletter-from input {
		 min-width: 130px;
		 max-width:240px;
		 
	}

    .wraper {
        /*margin-bottom:100px !important;*/
    }

    #destab {
        padding-left: 0px !important;
    }

    .rating-mobi-text {
        width: 59% !important;
        padding-left: 68px !important;
    }

    .rating-mobi {
        width: 10% !important;
    }

    .pri-min {
        width: 28% !important;
    }

    .pri-max {
        width: 28% !important;
    }

    .pri-btn {
        width: 28% !important;
    }

    .chk-text {
        padding-left: 10px !important;
    }

    .what-m {
        padding-left: 23px !important;
    }

    .mobi-ash {
        font-size: 11px !important;
    }

    .mobile-cancel {
        margin-right: 48px;
    }

    .footer-overlay .row {
        padding: 10px !important;
    }
    /* cart-mobile {
        display: block;
    }footer
    .cart-desktop {
        display: none;
    }*/
    .activemenu {
        background: #DEB086 !important;
        border: 1px solid #D0936A !important;
    }

        .activemenu h3 {
            color: white !important;
        }

    .modal-content {
        width: 353px !important;
        height: 401px !important;
    }

    .hide-mobi {
        display: none !important;
    }

    .sumbal {
        width: 182px !important;
        margin-top: 33px !important;
        margin-left: 43px !important;
    }

    .mobi-xbtn {
        margin-top: 10px !important;
    }

    .add-title {
        font-style: normal;
        font-weight: 600;
        font-size: 11px;
        line-height: 19px;
        padding-top: 7px;
        color: #A3A3A3;
        line-height: 47px;
    }

    .mobix-btn-x {
        width: 244px !important;
    }

    .mobi-dim {
        display: none;
    }

    .mobi-dim-text {
        padding-top: 15px;
    }

    .mobi-deal {
        text-align: center !important;
    }

    .x-btn {
        width: 47% !important;
        margin-left: 32px;
    }

    .content-page {
        padding-bottom: 0px !important;
    }

    .heart-mobi {
        margin-top: 16px !important;
        left: -84px !important;
        position: absolute;
    }

    .sucess-text-small {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 19px;
        color: #333333;
        padding-top: -10px;
        padding-left: 10px;
        position: absolute;
        top: 31px;
    }

    .sec-fail {
        min-height: 493px !important;
    }

    .xside {
        margin-bottom: 0px !important;
    }

    .img-x-mobi {
        width: 9px !important;
    }

    .x-text {
        font-size: 4px !important;
    }

    .img-x-remove {
        margin-bottom: 22px !important;
    }

    .slider-text-props {
        font-size: 20px !important;
        padding-left: 50px !important;
    }

    .slider-text-down {
        padding-left: 50px !important;
    }

    .mobix-spcl {
        width: 353px !important;
        height: 740px !important;
    }

    #footerele {
        min-height: 310px !important;
    }

    .nat-m {
        position: absolute;
        left: -20px;
        width: 350px;
        font-size: 15px !important;
    }

    .nat-md {
        position: absolute;
        left: -20px;
        top: 90px;
        max-width: 100px !important;
        font-size: 10px !important;
    }

    .nat-width {
        max-width: 100px !important;
    }

    .wil-m {
        position: absolute;
        right: 15px;
        top: 0px;
        font-size: 15px !important;
    }

    .wil-md {
        position: absolute;
        right: 15px;
        top: 0px;
        font-size: 10px !important;
    }

    .olv-m {
        position: absolute;
        left: -20px;
        width: 350px;
        font-size: 15px !important;
    }

    .olv-md {
        position: absolute;
        left: -20px;
        top: 90px;
        width: 20px;
        font-size: 10px !important;
    }

    .stm-m {
        position: absolute;
        right: 15px;
        top: 0px;
        font-size: 15px !important;
    }

    .stm-md {
        position: absolute;
        right: 15px;
        top: 0px;
        font-size: 10px !important;
        text-align: right !important;
    }

    .coco-m {
        position: absolute;
        left: -20px;
        width: 350px;
        font-size: 15px !important;
    }

    .coco-md {
        position: absolute;
        left: -20px;
        top: 90px;
        width: 20px;
        font-size: 10px !important;
    }

    .cartx {
        width: 75% !important;
        height: 66px !important;
        /* padding-left: 21px; */
        float: right !important;
    }

    .catrow {
        width: 108%;
        height: auto !important;
        margin-top: 76px !important;
    }

    .xxcart {
        left: 20px;
    }

    .xx-img {
        max-width: 41px !important;
        max-height: 11px !important;
    }

    .x-total {
        text-align: right;
    }

    .mobi-login {
        position: absolute;
        top: -50px;
        right: 40px;
    }

    .formpad {
        margin-top: -69px !important;
    }

    .sumbal {
        width: 240px !important;
        margin-top: 33px !important;
        margin-left: -20px !important;
    }





    .cart-r-al {
        width: 16% !important;
    }

    .xmobi-cart-text {
        line-height: 11px !important;
        font-size: 9px;
    }

    .mobi-qty-text {
        line-height: 17px !important;
        font-size: 8px !important;
    }

    .x-total {
        text-align: left;
    }

    .xxcart {
        width: 113px !important;
        padding-right: 0px;
        padding-left: 23px;
    }

    .x-to-ri {
        text-align: left;
    }

    .grand-total {
        position: absolute;
        right: 17px;
        padding: 0px !important;
        margin-top: 12px;
    }

    .tot-tex {
        font-weight: bold;
        text-align: right;
        padding-right: 96px !important;
    }

    .closebtn {
        position: absolute;
        left: 4px;
        height: 43px;
    }
    /*#destabnew .active {
        color: #DEB086 !important;
        background-color: transparent;
        border-color: transparent transparent #f3f3f3;
        border-bottom: 3px solid !important;
        font-size: 0px !important;
        font-weight: normal;
    }*/
    .square-div {
        height: 63px;
        border: 3px solid #DEB086;
        box-sizing: border-box;
        border-radius: 3px;
        max-width: 346px;
        height: auto;
        margin-bottom: 62px;
        margin-left: 16px;
        margin-right: 35px;
    }

    .click-menu {
        padding-left: 93px !important;
    }

    .order-btn-x {
        z-index: 10000;
    }

    .btn-order-x {
        margin-top: -110px !important;
        padding: 17px !important;
        left: 0px !important;
        position: absolute;
        width: 94%;
    }

    .my-ac-text {
        font-size: 20px;
        padding-top: 10px;
        padding-bottom: 15px;
        text-align: center;
    }

    .x-img-order {
        margin-top: 46px;
    }

    .my-odr {
        padding-left: 12px !important;
    }

    .main-iamge-deal {
        max-width: 52% !important;
        padding-left: 0px !important;
    }

    .x-btn-mobi {
        width: 72% !important;
        margin-left: 2px !important;
        margin-bottom: 5px;
    }

    .main-deal {
        margin-bottom: 10px;
    }

    .xroe-deal {
        margin: 0px;
        padding: 13px;
    }

    .deaxl-xx {
        padding-left: 0px;
    }

    .deaxl-xxr {
        padding-right: 0px;
        padding-left: 0px;
    }

    .brand-img-x {
        margin-bottom: 20px;
    }

    .product-btn-3 {
        bottom: 68px !important;
        left: 50% !important;
    }

    .product-btn-2 {
        bottom: 548px !important;
        left: 50% !important;
    }

    .product-btn-5 {
        bottom: 58px !important;
        left: 50% !important;
    }

    .product-btn-4 {
        bottom: 538px !important;
        left: 50% !important;
    }

    .product-btn-0 {
        bottom: 88px !important;
        left: 50% !important;
    }

    .bt-x-img {
        max-width: 33px;
    }

    .xhr {
        margin-top: 10px;
    }

    .xhr-email {
        padding-right: -1px !important;
        padding-left: 0px !important;
    }

    .xhr-name {
        padding-left: 0px;
        padding-right: 0px;
    }

    .beauty-social {
        margin-bottom: 0px !important;
    }

    .x-term {
        font-size: 40px;
        line-height: 49px !important;
        text-transform: capitalize;
        color: #FFFFFF;
        padding-top: 61px !important;
    }

    .nav-fill .nav-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center;
        font-size: 8px;
    }

    .address_book {
        min-width: 100% !important;
        margin-left: 15px;
    }

    .addicon {
        margin-top: 10px;
        width: 14%;
    }

    .addicon1 {
        margin-top: 10px;
        width: 50%;
    }

    .middle-text-wild {
        top: -47px;
    }

    .middle-text-wild-small {
        top: -47px;
        width: 78%;
        height: 10px !important;
        max-width: 158px;
        line-height: 15px;
    }
}

@media only screen and (min-width: 600px) {
    .mobilepromo {
        display: none;
    }

    /* .footer-overlay {
        display: none !important;
    }*/

    /* div.fadeMe {
        display: none !important;
    }*/
    .shopby-cat-mobi {
        display: none;
    }

    .shopby-cat {
        display: block;
    }

    .promodesktop {
        display: block !important;
    }

    .padxr {
        margin-left: 10px;
    }
}

.footer-overlay {
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    background-color: rgba(249, 249, 249, 0.94);
    height: 61px;
    animation: overlayMoveUp .5s ease-in;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px -0.5px 0px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(20px);
    box-shadow: 0px -0.5px 0px 0px #0000004D;
    z-index: 180000;
}

@keyframes overlayMoveUp {
    from {
        bottom: -75px;
    }

    to {
        bottom: 0px;
    }
}

.strikeprice {
    font-size: 16px;
    color: darkgrey;
}

.strikepricefront {
    font-size: 12px;
    color: darkgrey;
}

.catbox {
    text-align: center !important;
}

.mobitnav-text {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-weight: 800;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -0.24px;
    color: #D0936A;
    /*position: absolute;*/
    padding-left: 4px;
    padding-top: 1px;
}

.mobitnav-text-dis {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-weight: 800;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -0.24px;
    color: #D0936A;
    /*position: absolute;*/
    padding-top: 1px;
    display: none;
}

.svg-color {
    fill: #D0936A !important;
}

.svg-colorsp {
    stroke: #D0936A !important;
}

div.fadeMe {
    background: white;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    position: fixed;
}

.box {
    max-height: 150px;
    width: 100%;
    overflow: scroll;
}

.boxmobile {
    max-height: 215px;
    width: 100%;
    overflow: scroll;
}

.megamenu {
    width: 896px;
    overflow: hidden;
    max-height: 100px;
    padding-bottom: 45px;
    padding-top: 5px;
    font-family: Verdana, Tahoma, Sans-Serif;
    z-index: 100;
}

.megamenumobile {
    width: 1200px;
    overflow: hidden;
    max-height: 260px;
    padding-bottom: 45px;
    padding-top: 5px;
    font-family: Verdana, Tahoma, Sans-Serif;
    z-index: 100;
}

.megamenu .column {
    float: left;
    width: 180px; /*width of each menu column*/
    margin-left: 5px;
    margin: 15px;
}

.megamenu .column {
    float: left;
    width: 124px; /*width of each menu column*/
    height: 77px;
    display: table;
    margin-left: 5px;
    margin: 10px;
    background: #F3F3F3;
    border: 1px solid #DADADA;
    box-sizing: border-box;
    border-radius: 5px;
}

    .megamenu .column:hover {
        float: left;
        width: 124px; /*width of each menu column*/
        height: 77px;
        margin-left: 5px;
        margin: 10px;
        background: #DEB086;
        border: 1px solid #D0936A;
        box-sizing: border-box;
        border-radius: 5px;
        color: white !important;
    }

    .megamenu .column:first-child {
        margin-left: 20px;
    }

    .megamenu .column h3:hover {
        color: white !important;
    }

    .megamenu .column ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .megamenu .column ul li {
            padding: 5px;
        }

    .megamenu .column h3 {
        /*color: White;
            font-weight: bold;
            font-family: Verdana, Tahoma, Sans-Serif;
            margin: 0 0 5px 0;
            padding: 5px;
            text-shadow: 0px 2px 3px #555;
            border: 1px dashed #eee;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.48);
            -moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.48);
            box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.48);*/
        font-weight: 600;
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
        /*padding-top: 29px;*/
        display: table-cell;
        vertical-align: middle;
    }

    .megamenu .column ul li a {
        text-decoration: none;
        padding: 2px;
    }

        .megamenu .column ul li a:hover {
            color: white;
            border-left: 2px solid #FF9F21;
        }

.brandItems {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    padding-left: 36px;
}

.brandItemsx {
    font-weight: 600;
    font-size: 15px;
    line-height: 16px;
    padding-left: 36px;
    padding-top: 10px;
}
/*Mobile Slider*/
.megamenumobile .columnmobile {
    float: left;
    width: 180px; /*width of each menu column*/
    margin-left: 5px;
    margin: 15px;
}

.megamenumobile .columnmobile {
    float: left;
    width: 124px; /*width of each menu column*/
    margin-left: 5px;
    margin: 10px;
    background: #F3F3F3;
    border: 1px solid #DADADA;
    box-sizing: border-box;
    border-radius: 5px;
}

    .megamenumobile .columnmobile:hover {
        float: left;
        width: 124px; /*width of each menu column*/
        height: 77px;
        margin-left: 5px;
        margin: 10px;
        background: #DEB086;
        border: 1px solid #D0936A;
        box-sizing: border-box;
        border-radius: 5px;
        color: white !important;
    }

    .megamenumobile .columnmobile:first-child {
        margin-left: 20px;
    }

    .megamenumobile .columnmobile h3:hover {
        color: white !important;
    }

    .megamenumobile .columnmobile ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .megamenumobile .columnmobile ul li {
            padding: 5px;
        }

    .megamenumobile .columnmobile h3 {
        /*color: White;
            font-weight: bold;
            font-family: Verdana, Tahoma, Sans-Serif;
            margin: 0 0 5px 0;
            padding: 5px;
            text-shadow: 0px 2px 3px #555;
            border: 1px dashed #eee;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.48);
            -moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.48);
            box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.48);*/
        font-weight: 600;
        font-size: 14px;
        line-height: 70px;
        text-align: center;
        text-transform: uppercase;
    }

    .megamenumobile .columnmobile ul li a {
        text-decoration: none;
        padding: 2px;
    }

        .megamenumobile .columnmobile ul li a:hover {
            color: white;
            border-left: 2px solid #FF9F21;
        }

.normal {
    cursor: default !important;
}

#coupon-validate {
    font-size: 12px;
    color: darkgray;
    margin-bottom: 7px !important;
    color: #ff7aab;
    line-height: 27px;
    position: absolute;
    left: 0px;
}

#ui-id-1 {
    overflow-y: scroll !important;
    overflow-x: hidden;
    max-height: 630px;
}

#ui-id-2 {
    overflow-y: scroll !important;
    overflow-x: hidden;
    max-height: 400px;
}

.fadeMex {
    display: block !important;
}

.fadeMexx {
    display: none !important;
}

.mobi-dim {
    width: 53px;
}

.top-login-bar {
    font-size: 17px !important;
    top: -5px !important;
    left: 12px !important;
    top: 4px !important;
    font-weight: bold !important;
}




#load {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000000000000000000000;
    background: url('../img/LoaderNew.gif') no-repeat center center rgba(255, 255, 255, 1);
}

/* 
  You want a simple and fancy tooltip?
  Just copy all [data-tooltip] blocks:
*/
[data-tooltip] {
    position: relative !important;
}

    /* Positioning and visibility settings of the tooltip */
    [data-tooltip]:before,
    [data-tooltip]:after {
        position: absolute !important;
        visibility: hidden !important;
        opacity: 0 !important;
        left: 50% !important;
        bottom: calc(100% + 5px) !important; /* 5px is the size of the arrow */
        pointer-events: none !important;
        transition: 0.2s !important;
        will-change: transform !important;
    }

    /* The actual tooltip with a dynamic width */
    [data-tooltip]:before {
        content: attr(data-tooltip) !important;
        padding: 5px 18px !important;
        min-width: 50px !important;
        max-width: 300px !important;
        width: max-content !important;
        width: -moz-max-content !important;
        border-radius: 6px !important;
        font-size: 14px !important;
        background-color: rgba(59, 72, 80, 0.9) !important;
        background-image: linear-gradient(30deg, rgba(59, 72, 80, 0.44), rgba(59, 68, 75, 0.44), rgba(60, 82, 88, 0.44)) !important;
        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2) !important;
        color: #fff !important;
        text-align: center !important;
        white-space: pre-wrap !important;
        transform: translate(-50%, -5px) scale(0.5) !important;
    }

    /* Tooltip arrow */
    [data-tooltip]:after {
        content: '' !important;
        border-style: solid !important;
        border-width: 5px 5px 0px 5px !important; /* CSS triangle */
        border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent !important;
        transition-duration: 0s !important; /* If the mouse leaves the element, 
                              the transition effects for the 
                              tooltip arrow are "turned off" */
        transform-origin: top !important; /* Orientation setting for the
                              slide-down effect */
        transform: translateX(-50%) scaleY(0) !important;
    }

    /* Tooltip becomes visible at hover */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after {
        visibility: visible !important;
        opacity: 1 !important;
    }
    /* Scales from 0.5 to 1 -> grow effect */
    [data-tooltip]:hover:before {
        transition-delay: 0.3s !important;
        transform: translate(-50%, -5px) scale(1) !important;
    }
    /* 
  Arrow slide down effect only on mouseenter (NOT on mouseleave)
*/
    [data-tooltip]:hover:after {
        transition-delay: 0.5s !important; /* Starting after the grow effect */
        transition-duration: 0.2s !important;
        transform: translateX(-50%) scaleY(1) !important;
    }
/*
  That's it.
*/






/*
  If you want some adjustability
  here are some orientation settings you can use:
*/

/* LEFT */
/* Tooltip + arrow */
[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
    left: auto;
    right: calc(100% + 5px);
    bottom: 50%;
}

/* Tooltip */
[data-tooltip-location="left"]:before {
    transform: translate(-5px, 50%) scale(0.5);
}

[data-tooltip-location="left"]:hover:before {
    transform: translate(-5px, 50%) scale(1);
}

/* Arrow */
[data-tooltip-location="left"]:after {
    border-width: 5px 0px 5px 5px;
    border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
    transform-origin: left;
    transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="left"]:hover:after {
    transform: translateY(50%) scaleX(1);
}



/* RIGHT */
[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
    left: calc(100% + 5px);
    bottom: 50%;
}

[data-tooltip-location="right"]:before {
    transform: translate(5px, 50%) scale(0.5);
}

[data-tooltip-location="right"]:hover:before {
    transform: translate(5px, 50%) scale(1);
}

[data-tooltip-location="right"]:after {
    border-width: 5px 5px 5px 0px;
    border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
    transform-origin: right;
    transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="right"]:hover:after {
    transform: translateY(50%) scaleX(1);
}



/* BOTTOM */
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
    top: calc(100% + 5px);
    bottom: auto;
}

[data-tooltip-location="bottom"]:before {
    transform: translate(-50%, 5px) scale(0.5);
}

[data-tooltip-location="bottom"]:hover:before {
    transform: translate(-50%, 5px) scale(1);
}

[data-tooltip-location="bottom"]:after {
    border-width: 0px 5px 5px 5px;
    border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
    transform-origin: bottom;
}



/* Settings that make the pen look nicer */
html {
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
    color: white;
    font-size: 1.2em;
    background: linear-gradient(45deg, #243949, #2cacd1, #35eb93);
    background-size: 120% 120%;
    animation: moveFocus 5s ease infinite alternate;
}

@keyframes moveFocus {
    0% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 100% 0%;
    }
}

body {
    background: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
}

main {
    padding: 0 4%;
    display: flex;
    flex-direction: row;
    margin: auto 0;
}

button {
    margin: 0;
    cursor: pointer;
    text-align: center;
    border: none;
    outline: inherit;
    text-decoration: none;
    font-family: Roboto, sans-serif;
    font-size: 0.7em;
    background-color: #fff;
    color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: background 350ms ease-in-out, transform 150ms ease;
    padding-left: 0px;
}

    button:hover {
        background-color: #fff;
    }

    button:active {
        transform: scale(0.98);
    }

    button:focus {
    }

    button::-moz-focus-inner {
        border: 0;
    }

.example-elements {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    padding-right: 4%;
}

    .example-elements p {
        padding: 6px;
        display: inline-block;
        margin-bottom: 5%;
        color: #fff;
    }

        .example-elements p:hover {
            border-left: 1px solid lightgrey;
            border-right: 1px solid lightgrey;
            padding-left: 5px;
            padding-right: 5px;
        }

    .example-elements a {
        margin-left: 6px;
        margin-bottom: calc(5% + 10px);
        color: #76daff;
        text-decoration: none;
    }

        .example-elements a:hover {
            margin-bottom: calc(5% + 9px);
            border-bottom: 1px solid #76daff;
        }

    .example-elements button {
        margin-bottom: 20px;
    }

.info-wrapper {
    flex-grow: 8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: justify;
    padding-left: 6%;
    border-left: 3px solid #35ea95;
}

    .info-wrapper p {
        color: rgba(255, 255, 255, 0.69);
    }

    .info-wrapper p {
        max-width: 600px;
        text-align: justify;
    }

    .info-wrapper .title-question {
        display: block;
        color: #fff;
        font-size: 1.36em;
        font-weight: 500;
        padding-bottom: 24px;
    }


@media (max-height: 450px) {
    main {
        margin: 2rem 0;
    }
}

@media (max-width: 800px) {
    html {
        font-size: 0.9em;
    }
}

/* Thumbnail settings */
@media (max-width: 750px) {
    html {
        animation-duration: 0.6s;
        font-size: 1em;
    }

    body {
        display: flex;
        background: none;
        height: 100%;
        margin: 0px;
    }

    main {
        font-size: 1.1em;
        padding: 6%;
    }

    .info-wrapper p:before,
    .info-wrapper p:after {
        display: none;
    }

    .example-elements {
        max-width: 150px;
        font-size: 22px;
    }

        .example-elements a, button {
            /*display: none;*/
        }

        .example-elements p:before,
        .example-elements p:after {
            visibility: visible;
            opacity: 1;
        }

        .example-elements p:before {
            content: "Tooltip";
            font-size: 20px;
            transform: translate(-50%, -5px) scale(1);
        }

        .example-elements p:after {
            transform: translate(-50%, -1px) scaleY(1);
        }


    [data-tooltip]:after {
        bottom: calc(100% + 3px);
    }

    [data-tooltip]:after {
        border-width: 7px 7px 0px 7px;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .footer-overlay {
        display: none;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .topbar-left {
        display: none;
    }
}