/********************************************************************

Products page - Categories

*********************************************************************/


#av_product_description{
       min-height: 26vh;
    margin-bottom: 4%;
}

#av_product_description * {
    background-size: 100% auto!important;
    background-position: 0% 0%!important;
}

.shop #av_product_description * {
    background-position: 0% -10%!important;
}


.template-shop{
    border-top: none;
    z-index: 8;
}

.sidebar_right.template-shop .container .av-content-small.units {
    width: 83%;
    margin-bottom: 0%;
    padding-top: 0!important;
}

.archive .woocommerce-products-header{
       margin-top: 0px;
    display: block;
  
    position: relative;
    padding-right: 0vw;
    z-index: 1;
    background-color: #f9f9f9;
    box-shadow: inset 0px 9px 26px -30px #000000ab;
    margin-bottom: 0;
    text-align: center;
        text-transform: uppercase;
    letter-spacing: 1px;
}

.archive .page-title{
       font-size: 2.5rem;
    line-height: 17vh;
    margin-bottom: 0;
}


.en-products-header__title h5{
        font-size: 2.5rem;
    font-family: 'Cormorant Infant'!important;
    font-weight: 500!important;
    text-transform: uppercase;
    margin-bottom: 20px;
    direction: ltr;
}


.term-sales .woocommerce-products-header .page-title, .html_entry_id_23 .woocommerce-products-header .page-title{
        font-size: 2.5rem;
    font-family: 'Cormorant Infant'!important;
    font-weight: 500!important;
    text-transform: uppercase;
}



.en-products-header__title .page-title{
    line-height: 1;
    font-size: 1.4rem!important;
    color: #b28a64;
    font-weight: 400!important;
    letter-spacing: 4px!important;
}


.en-products-header__title{
    padding: 55px 0;
}



.archive .cat-pic-title .page-title{
    position: absolute;
    line-height: 130px;
    right: 4%;
    z-index: 1;
}

.woocommerce-products-header{
/*    text-align: center;*/
}

.archive.tax-product_cat .empty_title.title_container .container {
    border-top: 1px solid #efefef;
    margin-top: 0px;
}

.tax-pa_brand .page-title{
/*
        display: block!important;
    margin-top: 3%;
    position: relative;
    right: 0;
    line-height: 1;
*/
}

div .products .product {
    margin: 0 0 1% 2%;
    width: 23.5%;
}

.product-sorting{
    display: none!important;
}

.product .inner_product:hover {
        box-shadow: 0px 0px 34px -10px #00000026;
    border-radius: 15px!important;
    border: 1px solid #ededed;
}

.product .avia_cart_buttons .add_to_cart_button {
    border-radius: 6px!important;
}

#top .template-shop .container{
        padding: 0%;
}

.template-shop .entry-content-wrapper .page-thumb, .template-shop .term-description{
    display: none;
}

.archive .template-shop .entry-content-wrapper .page-thumb{
    display: block!important;
}


.woocommerce-products-header .page-thumb{
    max-height: 130px;
    min-height: 130px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

.woocommerce-products-header .page-thumb img{
    width: 100%;
    transform: translateY(-30%);
}



.template-shop .cat-pic-title .page-title:after{
    display: none!important;
}


div .products li a{
        padding: 0px;
    padding-bottom: 10px;
}

.products li .thumbnail_container{
    border-radius: 6px 6px 0 0;
}


#products-grid-wrap .product-sorting, #products-grid-wrap .avia_cart_buttons {
    display: none;
}

#top .inner_product_header {
        border-top-width: 0px;
    text-align: center;
    padding: 10px 10% 2%;
    min-height: auto;
}

#products-grid-wrap .inner_product {
    border-radius: 20px;
}

#products-grid-wrap ul.products {
    margin: 0 0 0px;
}

#products-grid-wrap .woocommerce-Price-amount{
    font-size: 14px!important;
    font-weight: 500!important;
}

#products-grid-wrap .woocommerce-loop-product__title{
        margin-bottom: 4px;
    font-size: 1.1rem;
    margin-top: 5px;
}

.template-shop .inner_product_header_table .onsale, .related.products .inner_product_header_table .onsale, .upsells.products .inner_product_header_table .onsale{
        position: absolute;
    top: -43px!important;
    left: 17px!important;
    min-height: 0;
    line-height: 1;
    padding: 7px 11px;
    font-size: 0.95rem;
    letter-spacing: 0.3px;
    border-radius: 0;
}


.product .avia_cart_buttons{
    display: flex;
    border-top-width: 0px;
    padding: 0px 25px 25px;
    opacity: 0;
}

#products-grid-wrap .woocommerce-loop-product__title:after {
    content: '';
    font-family: 'fontawesome-pro'!important;
    display: inline-block;
    margin-right: 14px;
    font-size: 1.3rem;
    font-weight: 500;
    vertical-align: bottom;
    position: absolute;
    left: 7%;
    top: 46%;
    transform: translateY(-50%);
}

#products-grid-wrap .inner_product_header {
    padding: 15px 25px 22px;
}

.single-product-main-image .onsale{
        left: auto!important;
    margin-right: -65px!important;
    margin-top: 6px!important;
    line-height: 10px;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent!important;
    width: 50px;
    height: 50px;
    transform: rotate(-10deg);
    
}

.single-product-main-image .onsale:before{
   content: '';
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: -33%;
    right: -4%;
    border-radius: 300px;
    z-index: -1;
}


.template-shop .inner_product{
    border: none;
    border-radius: 15px!important;
}

.template-shop .products{
        padding: 0 1%;
} 

#top .av-product-class-minimal .inner_product_header {
    padding: 15px 15px;
    min-height: 96px;
}

.template-shop h2.woocommerce-loop-product__title {
    padding-top: 15px;
    font-size: 1.2rem;
    line-height: 1.7rem;
    padding-bottom: 10px;
    font-weight: 500!important;
}

#top .price span {
    font-weight: 500;
    font-size: 17px;
}


.shop_columns_3 .products .product {
    margin: 0 0 1.8% 1.8%;
    width: 32.13333%;
}

.inner_product .soldout{
    position: absolute;
    bottom: 5px;
    right: 50%;
    transform: translateX(50%);
    color: white;
    display: block;
    padding: 3px 9px 2px;
    border-radius: 5px;
    letter-spacing: 0.4px;
    font-size: 0.8rem;
    font-weight: 500;
    z-index: 5;
}



.pagination {
    padding: 35px 0px 50px 0;
}

.pagination a, .pagination .current{
    height: 50px!important;
    width: 50px!important;
    line-height: 50px!important;
    font-size: 1rem!important;
    margin-left: 10px!important;
    color: black!important;
}


.pagination a, .pagination .current,
.pagination a:hover, .pagination .current:hover
{
    -webkit-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}


#top div .product_on_sale .inner_product_header {
    padding-right: 0px;
    padding-left: 0px;
}

.product.sale del {
    margin-left: 5px!important;
    display: inline-block!important;
}

.product.sale del, .product.sale del span {
    text-decoration: line-through!important;
}


.archive .term-description {
    font-size: 1rem!important;
    margin: 0 auto 6%;
    padding: 4% 20% 0!important;
}

.archive .term-description p:first-child img{
    display: none!important;
}



.archive .term-description h3{
    font-size: 1.6rem!important;
}


.archive .term-description p{
    line-height: 1.5rem;
}

.inner_product_header .avia-arrow {
    display: none;
}



/*
#filter-sidebar{
    position: fixed;
    z-index: 99999999;
    background-color: white;
    top: 0;
    height: 100vh;
    right: 0;
    width: 15vw!important;
}

*/


.yith-infs-loader {
    display: block!important;
    float: left!important;
    width: 100%!important;
}


/* Category non-subtitle */

.archive.term-23 .woocommerce-products-header h1

{
    font-size: 2.5rem;
    font-family: 'Cormorant Infant'!important;
    font-weight: 500!important;
    text-transform: uppercase;
    margin-bottom: 0px;
    direction: ltr;
}



/********************************************************************

Display sub categories

*********************************************************************/

.subcategories{
    display: flex;
    background-color: #f9f9f9;
    border-top: 1px solid #ededed;
    justify-content: center;
    gap: 30px;
    margin: 0;
    padding: 23px 0;
}


.subcategories h2{
    font-size: 1.1rem;
    margin: 0;
    font-weight: 400!important;
    color: #505050;
}

.subcategories img, .subcategories .image-overlay, .subcategories .count

{
    display: none !important;
}

/********************************************************************

Brand pages

*********************************************************************/

.tax-pwb-brand .woocommerce-products-header__title{
    display: none!important;
}

.mobile-brand-baner{
    display: none!important;
}

.tax-pwb-brand .pwb-brand-banner img{
    width: 100%;
}


/********************************************************************

Responsive Rules - DESKTOP

*********************************************************************/



@media only screen and (min-width: 1920px) and (max-width: 3200px){
    .pwb-brand-banner{
        max-width: 1600px;
    margin: 0 auto;
    }
}


@media only screen and (min-width: 1100px) and (max-width: 2000px){}



@media only screen and (max-width: 2000px){}

            
@media only screen and (max-width: 1700px){}


@media only screen  and (max-width: 1600px){}


@media only screen and (max-width: 1450px) {}


@media only screen and (max-width: 1370px) {
    
    .woocommerce-products-header .page-thumb {
    max-height: 110px;
    min-height: 110px;
}
.template-shop .page-title {
    font-size: 2.2rem;
    line-height: 110px;
}
}


@media only screen and (max-width: 1200px){}



@media only screen and (max-width: 1300px) and (min-height: 950px){}


@media only screen and (min-width: 1100px) and (max-width: 1450px){}




/********************************************************************

Responsive Rules - TABLETS

*********************************************************************/

/*
All Mobiles & tablets
================================================== */
@media only screen and (max-width: 1150px){
    
        .woocommerce-products-header .page-thumb {
    max-height: 100px;
    min-height: 100px;
}
.template-shop .page-title {
    font-size: 2rem;
    line-height: 100px;
}

}




/*
BIG tablets
================ */

@media only screen and (max-width: 1150px) and (orientation :  portrait){
    
            .template-shop .page-title {
   margin-bottom: 0%;
    font-size: 2rem;
}
    
}


@media only screen and (max-width: 1150px) and (orientation : landscape){}




/*
SMALL tablets
================ */

@media only screen and (max-width: 1100px) and (orientation : landscape){}


@media only screen and (max-width: 1100px) and (min-height: 600px) and (orientation : landscape){}


@media only screen and (max-width: 990px){}


@media only screen and (max-width: 990px) and (orientation : portrait){}



@media only screen and (max-width: 780px) and (min-height: 900px)  and (orientation : portrait){}




/********************************************************************

Responsive Rules - MOBILE

*********************************************************************/



@media only screen and (max-width: 767px){
    
        #top.post-type-archive .template-shop.content, .archive.tax-product_cat .template-shop.content, .archive.tax-pa_brand .template-shop.content {
    max-width: 94%!important;
    width: 94%!important;
    padding: 0 3%!important
}
    
    .responsive #top.post-type-archive #wrap_all .template-shop.container_wrap_first .container,
    .responsive #top.archive.tax-product_cat #wrap_all .template-shop.container_wrap_first .container,
    .responsive #top.archive.tax-pa_brand .template-shop.container_wrap_first .container{
    max-width: 100%!important;
    width: 100%!important;
        padding: 0!important
}
    
    .responsive #top #main .products .product {
    margin: 0 0% 20px 0;
    width: 50%;
        padding: 3px;
        -webkit-transition: all 0.3s ease-out!important;
        transition: all 0.3s ease-out!important;
}
    
    .template-shop .products {
    padding: 0 0%;
}
    
    .template-shop h2.woocommerce-loop-product__title {
    padding-top: 10px;
    font-size: 1rem;
    line-height: 1.15rem;
    padding-bottom: 5px;
}
    
    .template-shop .inner_product {
    border-radius: 6px!important;
}
    
    .product .avia_cart_buttons {
    display: none;
}
    
    #top.woocommerce .product .inner_product .xt_wooqv-over-product {
    opacity: 1 !important;
    background-color: transparent!important;
    top: 12px!important;
    right: 10px!important;
        display: none;
}
    #top .product .xt_wooqv-trigger span:before {
    color: #000000;
}
    
    #top .product .inner_product .tinv-wraper {
    opacity: 1!important;
    left: auto!important;
    right: 10px!important;
    top: 10px;
}
    
    #top.woocommerce ul.products li .tinvwl_add_to_wishlist_button {
    background-color: transparent!important;
    color: black!important;
            backdrop-filter: none!important;
}
    
.woocommerce-products-header .page-thumb img {
    width: 100%;
    transform: translateY(0%)scale(1.1);
    margin: 0!important;
    padding: 0!important;
}
    .template-shop .page-title {
    right: 0%;
        font-size: 1.7rem;
            margin-bottom: 0%!important;
}
    
    .archive .page-title {
    font-size: 1.7rem;
}
    
     .template-shop .cat-pic-title .page-title {
    right: 8%;
    font-size: 1.7rem;
    line-height: 100px;
    margin-bottom: 6%!important;
         
}

    .template-shop .page-title:after {
    margin-top: 51px;
}
    
    .template-shop .woocommerce-products-header {
        max-width: 90%!important;
    width: 90%!important;
    margin: 0 auto;
    }  
    
     .template-shop .woocommerce-products-header.cat-pic-title {
        max-width: 100%!important;
    width: 100%!important;
    }  
    
    
    
.archive .term-description {
    margin: 0 auto 10%;
    padding: 8% 8% 0!important;
}
    .archive .term-description h3 {
    font-size: 1.4rem!important;
}
    .archive .term-description p {
    line-height: 1.45rem;
}
    .template-shop .inner_product .soldout{
        width: auto!important;
    }
    
    

.tax-pwb-brand .pwb-brand-banner img{
   display: none!important;
}
     #top .mobile-brand-baner{
    display: block!important;
    margin: 0!important;
    padding: 0!important;
}
      .responsive #top #main{
        margin-top: 67px!important;
    }
    
    .term-sales .woocommerce-products-header .page-title, .html_entry_id_23 .woocommerce-products-header .page-title {
    font-size: 1.8rem;
    letter-spacing: 3px;
}
    .archive .page-title {
    line-height: 13vh;
}
    
    #top .inner_product_header {
    padding: 5px 7% 2%;
    
}
    .product .inner_product:hover {
    box-shadow: none!important;
    border-radius: 7px!important;
    border: none;
}
    .product .avia-product-hover{
        display: none!important;
    }
    
    .en-products-header__title h5 {
    font-size: 1.8rem;
    margin-bottom: 5px;
        padding: 0 15%;
    line-height: 2.1rem;
}
    
    .en-products-header__title {
    padding: 35px 0 30px;
}
    .en-products-header__title .page-title {
    font-size: 1rem!important;
    line-height: 2rem!important;
}
    
    .responsive #top.view-btn-2-grid  #main .products .product {
    width: 100%!important;
    -webkit-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}
   .view-btn-2-grid .template-shop h2.woocommerce-loop-product__title {
    font-size: 1.2rem;
    line-height: 1.3rem;
} 
    
.subcategories {
    gap: 17px;
    padding: 18px 0;
    overflow-x: scroll;
    justify-content: right;
}

.subcategories li{
    white-space: nowrap;
}

.subcategories h2 {
    font-size: 0.95rem;
    letter-spacing: 0!important;
}

.subcategories li:first-child{
    margin-right: 40px !important;
} 

.subcategories li:last-child{
    margin-left: 40px !important;
} 

.archive.term-23 .woocommerce-products-header h1

{
    font-size: 1.8rem;
    padding: 0 15%;
}




}

@media only screen and (max-width: 767px) and (orientation : portrait){}

@media only screen and (max-width: 767px) and (orientation : landscape){}



/*
iphone X
================ */
@media only screen and (device-width : 375px) and (device-height : 812px) and ( -webkit-min-device-pixel-ratio:3 ) and (orientation : portrait){}


/*
MOBILE XL
================ */

@media only screen and (min-width: 375px) and (max-width: 767px) and (orientation : portrait){}


/*
MOBILE M
================ */

@media only screen and (max-width: 375px) and (orientation : portrait){}

@media only screen and (max-width: 667px) and (orientation: landscape){}



/*
MOBILE SM
================================================== */

@media only screen and (max-width: 320px) and (orientation : portrait){}

@media only screen and (max-width: 568px) and (orientation : landscape){}

 

