@media screen and (max-width: 1400px){
    .hero-product .product-item .down .price{
        max-width: 47% !important;
    }

    .header .container2 , footer .container2{
        padding: 0 15px;
    }
    .poster.poster-full{
        padding: 0 15px !important;
    }
    .special-box::after{
        transform: translate(-10%,0px) skew(-24deg,0deg);
    }
    .container{
        padding: 0 15px;
    }


}





@media screen and (max-width: 1200px){
    .related-article-single{
        height: 305px !important;
    }
    .close-menu-responsive-full-page {
        display: block;
    }
    .hero-single .main-single.main-single-archive-product{
        width: 100% !important;
    }
    .side-single-shop {
        width: 75%;
        position: fixed;
        top: 72px;
        right: 10px;
        bottom: 0;
        background: #fff;
        z-index: 107;
        overflow-x: scroll;
        padding: 10px;
        transform: translateX(1200px);
        transition: all .3s ease-in-out;
        border-right: 7px;
    }

    .mobile-side{
        display: block;
    }
    .desktop-side{
        display: none;
    }

    .right-product .product-image {
        flex-wrap: wrap !important;
    }
    .right-product .product-image ol{
        width: 100% !important;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }
    .woocommerce div.product div.images .flex-control-thumbs{
        margin-top: 15px;
    }
    .woocommerce div.product div.images .flex-control-thumbs li{
        width: 63px !important;
    }
    .product-image .flex-viewport {
        width: 80%;
        margin: auto;
    }
    .poster.poster-full {
        display: flex;
        flex-wrap: wrap;
    }
    .poster.poster-full a{
        width: 48%;
    }
    .poster.poster-full a img{
        width: 100%;
    }
    .box-brand .owl-carousel .owl-nav button {
        width: 50px;
        height: 45px;
    }
    .special-box .special-item figure{
        width: 30%;
    }
    .special-box::before{
        border-bottom-left-radius: 0;
    }
    .special-box::after{
        transform: translate(-15%,0px) skew(-24deg,0deg);
        border-bottom-right-radius: 0;
    }

}





@media screen and (max-width: 992px){
    .index-blog .other-sell .product-item{
        width: 48.5% !important;
        flex-grow: unset !important;
    }



    .woocommerce div.product form.cart .p-q .button {

        margin:0 !important;

    }
    .woocommerce div.product form.cart div.quantity{
        margin-top: 0 !important;
    }
    .related-article-single{
        height: 345px !important;
    }
    .post-item{
        width: 31.5%;
    }
    .myaccount-detail{
        flex-wrap: wrap;
    }
    .myaccount-detail .item-detail{
        width: 47%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    #modal_video .modal-content {
        width: 70%;
    }

    .search-mobile .content-ajax-search ul{
        max-height: 100%;
    }

    .content-ajax-search ul li a div h3{
        font-size: 13px;
    }
    .content-ajax-search ul li a div ins .woocommerce-Price-currencySymbol {
        font-size: 12px;
    }
    .content-ajax-search ul li a div ins bdi {
        font-weight: bold;
    }
    .content-ajax-search ul li a div ins{
        text-decoration: none;
        margin-right: 4px;
    }
    .content-ajax-search ul li a div del bdi .woocommerce-Price-currencySymbol{
        display: none;
    }
    .content-ajax-search ul li a div del{
        font-size: 13px;
    }
    .header-sticky {
        position: fixed;
        top: 0;
        z-index: 10;
        width: 100%;
        background: #fff;
        box-shadow: rgba(0,0,0,0.05) 0 -2px 15px 0
    }
    .top-sticky-item > a {
        opacity: 0.7;
    }
    .mobile{
        display: block;
    }
    .desktop{
        display: none;
    }
    .hero-product .product-item .down .price {
        max-width: 57% !important;
    }

    .hero-archive .product-item{
        width: 31.8%;

    }
    .product .related.hero-other .product-item{
        width: 47% !important;
    }
    .product-box .right-product {
        flex-wrap: wrap !important;
    }

    .right-product .product-main {
        width: 100% !important;
    }
    .woocommerce div.product div.images.woocommerce-product-gallery{
        width: 100% !important;
    }

    .product-image .flex-viewport {
        /*width: 35% !important;*/
        width: 37% !important;
        margin: 15px auto;
        min-height: 100% !important;
    }
    .product-box {
        flex-wrap: wrap;
        gap: 30px;
    }
    .product-box .right-product{
        width: 100% !important;
    }
    .product-box .left-product{
        width: 100% !important;
    }
    .poster.poster-full {
        display: flex;
        flex-wrap: wrap;
    }
    .poster.poster-full a , .poster.poster-full a img{
        width: 100%;
    }
    .special-box .special-item .det-special .down {
        flex-wrap: wrap;
    }
    .special-slider {
        flex-wrap: wrap;
        gap: 10px;
    }
    .special-box .owl-stage-outer,.special-slider .owl-dots {
        width: 100%;
    }
    .special-slider .owl-dots {
        flex-direction: row;
        padding-left: 0;
    }
    .special-box:before,.special-box:after {
        height: 66%;
    }
    .special-slider .owl-dot .list-special b {
        height: 110px;
        overflow: hidden;
    }
    .special-box .special-item .det-special h2 {
        max-width: 85%;
    }

/*    post single */
    .hero-single{
        flex-wrap: wrap;
    }
    .hero-single .main-single{
        width: 100%;
    }
    .hero-single .side-single{
        width: 100%;
    }


    form.woocommerce-cart-form{
        flex-wrap: wrap;
    }
    form.woocommerce-cart-form .hero-product.cart-custom{
        width: 100%;
    }
    form.woocommerce-cart-form .cart-collaterals{
        width: 100%;
    }

    .container .hero-single .main-single-archive-product .price {
        max-width: 36% !important;
    }


}











@media screen and (max-width: 768px){
    .special-box .special-item .det-special .additional-product .property-item:nth-child(n+5) {
        display: none;
    }
    .index-blog .other-sell .product-item{
        width: 100% !important;
    }
    .index-blog .other-sell .product-item figure img{
        max-width: 70% !important;
    }
    .post-item{
        width: 48%;
    }
    .myaccount-order {
        flex-wrap: wrap;
        gap: 20px;
    }
    .myaccount-order .item-order{
        border-left: 0;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        border-top-left-radius: 15px;
    }
    .woocommerce-account .woocommerce-MyAccount-content{
        width: 100%;
    }
    .myaccount-detail .item-detail{
        width: 47%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .myaccount-detail{
        flex-wrap: wrap;
    }
    .hero-myaccount{
        border-top: none;
    }
    .cross-item .down .price {
        max-width: 45%;
    }
    .woosw-item .woosw-item--actions {
        width: 35%;
    }
    .woosw-list table.woosw-items tr td{
        font-size: 12px;
    }
    #modal_share .modal-content {
        width: 90% !important;
    }
    .side-single-shop {
        top: 83px;
    }
    .hero-archive .product-item{
        width: 48%;

    }
    .product .related.hero-other .product-item{
        width: 47% !important;
    }
    .woocommerce #reviews #comments ol.commentlist li .comment-text {
        flex-wrap: wrap !important;
    }
    .comment-text .right-review,.comment-text .description,
    .review-radio-question,.rate-list
    {
        width: 100% !important;
    }
    .comment-text .show-my-rate{
        width: 100% !important;
        margin: 0 !important;

    }
    .custom-field-review {
        gap: 25px;
    }
    .box-sell {
        flex-wrap: wrap;
    }
    .box-sell .best-sell {
        margin: auto;
    }
    .other-sell {
        width: 100%;
        margin-top: 30px;
    }
    .owl-theme .owl-nav button{
        display: none !important;
    }
    .special-slider .owl-dots {
        display: none !important;
    }
    .special-box:before,.special-box:after {
        height: 100%;
    }
    .special-box::before {
        width: 45%;
    }
    .special-box::after {
        transform: translate(-15%,0px) skew(-14deg,0deg);
        right: 20%;
    }

    .cart-custom .product-item{
        width: 47%;
    }
    .pishro-order-review{
        width: 100%;
    }
    .product-image .flex-viewport{
        width: 45% !important;
    }


}


@media screen and (max-width: 690px){
    .product-image .flex-viewport{
        width: 55% !important;
    }

}









@media screen and (max-width: 576px){
    .hero-product .product-item .down .price {
        max-width: 49% !important;
    }


    .product-box .left-product .single-price .price > span > bdi{
        font-size: 16px !important;
    }
    .product-box .left-product .single-price{
        align-items: center !important;
    }
    .woocommerce .quantity button{
        font-size: 17px !important;
    }
    .woosw-popup-content {
        max-width: 90% !important;
    }
    .woosw-item--actions {
        display: none;
    }
    .woocommerce div.product form.cart .p-q .button{
        min-width: unset !important;

    }
    .woocommerce-Tabs-panel .additional-product .property-item .title.woocommerce-product-attributes-item__label{
        min-width: 125px !important;
    }
    .modal-content{
        width: 70%;
    }
    .woosw-item .woosw-item--actions {
        width: 35%;
    }
    #modal_video .modal-content {
        width: 90%;
    }
    .before-shop .woocommerce-result-count {
        display: none;
    }
    .product .related.hero-other .product-item{
        width: 46% !important;
        flex-grow: 1;
    }
    .woocommerce #reviews #comments ol.commentlist li {
        margin-bottom: 0 !important;
    }
    .floating-button {
        font-size: 24px;
        right: unset;
        left: 20px;
        bottom: 80px;
        width: 42px;
        height: 42px;
    }
    .right-product .additional-product .property-item{
        width: 130px !important;
    }
    .left-product .box-price-cart .box-q-cart .p-q{
        margin: 0 !important;
        gap: 5px;
    }
    .product-box .left-product .single-price .discount {
        display: none;
    }


    .left-product .box-price-cart .box-q-cart .p-q .quantity {
        width: 95px;
        max-height: 100%;
    }

    .left-product .box-price-cart .box-q-cart .p-q .quantity button {
        padding: 0 10px !important;
        margin: 0 !important;

    }
    .left-product .box-price-cart .box-q-cart .p-q .quantity .qty {
        font-size: 16px;
        min-width: 30px;
    }
    .left-product .box-q-cart{
        padding: 0 !important;
    }
    .product-box .left-product .single-price .price del {
        font-size: 14px;
    }
    .product-box .left-product .single-price .price ins {
        font-size: 15px;
    }
    .product-box .left-product .single-price .price ins span.woocommerce-Price-currencySymbol{
        font-size: 13px;
    }
    .product-box .left-product .single-price .price{
        flex-direction: column;
        gap: 4px;
    }
    .product-box .left-product .single-price{
        margin-top: 0 !important;
    }
    .product-box .left-product .single-add-to-cart {
        width: auto !important;
        font-size: 12px !important;
        padding: 17px 10px !important;
        min-width: 142px;
        box-sizing: border-box;
        line-height: normal !important;
    }
    .left-product .box-price-cart .box-q-cart .p-q .single_add_to_cart_button{
        margin-top: 0 !important;
    }
    .product-box .left-product .p-q{
        align-items: unset !important;
    }
    .left-product .box-price-cart{
        height: 70px;
        padding: 10px;
        text-align: center;
        display: flex;
        justify-content: space-around;
        gap: 15px;

    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a{
        font-size: 13px !important;
    }
    .left-product .box-price-cart {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background: #fff;
        border-top: 1px solid #f5f5f5;
        box-shadow: rgb(0, 0, 0 , 0.05) 0 -2px 10px 0;
        margin-bottom: 0 !important;
        display: flex;
        z-index: 99;
    }
    .product-image .flex-viewport {
        width: 73% !important;
        margin: 15px auto 0 auto;
        min-height: 100% !important;
    }

    .footer-down .copy-right {
        text-align: center;
        width: 100%;
    }
    .footer-down .social-footer {
        justify-content: center;
        width: 100%;
    }
    .application .right {
        margin: auto;
    }
    .footer-box .footer-about {
        width: 100%;
        margin-left: 0 !important;
    }
    .stories.carousel .story, .stories.carousel .story:first-child{
        margin: 0 10px;
    }

    .special-box .special-item {
        flex-wrap: wrap;
        gap: 15px;
        padding: 10px;
    }
    .special-box .special-item figure,.special-box .special-item .det-special {
        width: 100%;
    }
    .special-box .special-item figure img {
        margin: auto;
    }
    .special-box:before {
        width: 53%;
    }
    .special-box:after {
        transform: translate(-15%,0px) skew(-10deg,0deg);
        right: 15%;
    }
    .stories.carousel .story, .stories.carousel .story:first-child {
        margin: 0 10px;
    }

/*    *******************variable product*/
    .product-type-variable .box-price-cart {
        position: unset;
        box-shadow: unset;
        display: unset;
        background: unset;
        border-top: unset;
    }
    .box-price-cart .single_variation_wrap {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background: #fff;
        border-top: 1px solid #f5f5f5;
        box-shadow: rgb(0, 0, 0 , 0.05) 0 -2px 10px 0;
        margin-bottom: 0 !important;
        z-index: 99999;
        display: flex;
        justify-content: center;
        gap: 5px;
        align-items: baseline;
        height: 70px;
        padding-top: 10px;
    }
    .variations_form .single-price .price > span > bdi {
        font-size: 16px !important;
    }
    .variations_form .single-price .price > span > bdi .woocommerce-Price-currencySymbol {
        font-size: 13px !important;
    }
    .woocommerce div.product form.cart .variations {
        padding-right: 30px;
    }


    .cart-process{
        width: 100%;
    }
    .cart-process ul li::before{
        width: 38px;
        height: 38px;
    }
    .cart-process ul li::after {
        height: 6px;
        top: 18px;
    }
    .cart-custom .product-item{
        width: 100%;
    }
    .cart-line-button {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background: #fff;
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #f5f5f5;
        box-shadow: rgba(0,0,0,0.05) 0 -2px 10px 0;
        padding: 10px;
        align-items: center;
        z-index: 999;
    }
    .cart-line-button .order-total > span {
        display: block;
        font-size: 15px;
        margin-bottom: 5px;
    }
    .cart-line-button .order-total .woocommerce-Price-currencySymbol {
        font-size: 12px;
    }
    .container .hero-single .main-single-archive-product .price {
        max-width: 40% !important;
    }
    .box-price-cart .single_variation_wrap{
        align-items: center !important;
    }





}

@media screen and (max-width: 500px) {
    .woosw-item .woosw-item--actions {
        width: 24%;
    }
    .modal-content{
        width: 80%;
    }


}


@media screen and (max-width: 460px){
    .hero-archive .product-item {
        width: 100%;
    }
    .hero-product .product-item .down .price {
        max-width: 90% !important;
    }
    .best-view-products .product-item .down .price {
        max-width: 65% !important;
    }
    #modal_share .modal-content {
        width: 97% !important;
    }
    #modal_video .modal-content {
        width: 95%;
    }
    .myaccount-detail .item-detail {
        width: 100%;
    }
    .modal-content{
        width: 90%;
    }
    .container .hero-single .main-single-archive-product .price {
        max-width: 30% !important;
    }
    .left-product .box-price-cart .box-q-cart .p-q .quantity .qty {
        font-size: 16px;
        min-width: 20px;
        font-weight: 500;
        padding: 0 !important;
        margin: 0 !important;
    }
    .left-product .box-price-cart .box-q-cart .p-q .quantity button {
        padding: 0 6px !important;
        margin: 0 !important;
    }
    .left-product .box-price-cart .box-q-cart .p-q .quantity {
        width: 66px;
    }

}






@media screen and (max-width: 410px){
    .post-item {
        width: 100%;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a{
        font-size: 12px !important;
    }
}

@media screen and (max-width: 400px){
    .other-sell .product-item h2 a{
        font-size: 13px;
    }
    .cross-item {
        min-width: 270px !important;
    }
    .cross-item figure{
        display: flex;
        height: 100%;
        align-items: center;
    }
    .cross-item figure a img{
        max-width: 70px;
    }


    .hero-product .product-item .down .addtocart_button a{
        font-size: 29px;
    }
    .hero-product .product-item .down .price > .woocommerce-Price-amount > bdi{
        font-size: 14px;
    }
    .hero-product .product-item .down .price ins bdi{
        font-size: 14px;
    }
    .hero-product .product-item .down .price del{
        font-size: 12.5px;
    }

}

@media screen and (max-width: 390px){
    .woocommerce div.product form.cart .p-q .button {
        font-size: 10px !important;

    }
    .product-box .left-product .single-price .price del{
        font-size: 12px !important;
    }
    .product-box .left-product .single-price .price ins {
        font-size: 13px;
    }
    .product-box .left-product .single-price .price ins span.woocommerce-Price-currencySymbol {
        font-size: 11px;
    }
}

@media screen and (max-width: 360px){
    .hero-product .product-item .down .addtocart_button a{
        font-size: 25px;
    }

}
@media screen and (max-width: 330px){
    .cross-item {
        min-width: 250px !important;
    }

    .cross-item figure a img{
        max-width: 55px;
    }
}