@media all and (min-width: 800px) {
    .video-foreground.img_bn img{
        width: 100%;
    }
}
@media all and (max-width: 991px) {
    .video-background iframe{
        pointer-events: none;
    }
    .banner_main .hh3 {
        min-height: calc(100vh - 42px);
    }
}
@media (max-width: 800px) {
    .header_product .Time-countDown {
        position: absolute;
        right: 2rem;
        bottom: 0;
    }
    .header_product .ps-countdown{
        padding: 0;
    }
}
@media (min-width: 551px) {
    .header_product .Time-countDown{
        right: 5.5rem;
    }
}
@media all and (max-width: 800px) {
    .orderView .table-responsive>.table-bordered{
        border: 1px solid #ddd;
    }
    .orderView .table-responsive{
        border: none;
    }
    .orderView .table>thead>tr>th{
        padding: 4px;
    }
    .paginator{
        padding-bottom: 1rem;
    }
    .woocommerce-notices-wrapper .button {
        letter-spacing:1px
    }

    .woocommerce-message {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .cart-empty.woocommerce-info,.return-to-shop {
        text-align: center
    }

    .hide-on-desktop {
        display: inline-block !important
    }

    .hide-on-tablet {
        display: none !important
    }

    .section-acf {
        /*height: 100vh;*/
        overflow: hidden
    }

    .section-acf .media {
        overflow: hidden;
        width: 100%;
        height: 100%;
        position: absolute
    }

    .section-acf .media video {
        display: none
    }

    .section-acf .media video+img {
        display: block
    }

    .banner_product .img_banner img{
        height: 100%;
        width: auto;
        display: block;
        max-width: none;
        transform: translateX(-50%);
        position: absolute;
        top: 0;
        left: 50%;
    }
    .section-acf .text {
        padding-top: 0;
        height: 100%;
        display: flex;
        position: relative;
        z-index: 2;
        flex-direction: column;
        justify-content: center;
        padding-top: 20%
    }

    .banner_category .text_banner .cta {
        transform: none;
        text-align: center;
        margin: auto;
    }

    .section-acf.featured-products .text {
        position: absolute
    }
    .banner_store .text_banner h1.title{
        text-align: center;
    }
    .header .logo {
        width: 134px
    }

    .header .icon {
        width: 16px;
        height: 16px
    }

    .header .in-bag {
        position: absolute;
        top: 0;
        left: 100%
    }

    .header .top-menu {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        padding: 1.7rem 5.5rem 1.7rem;
        height: 53px
    }

    .header .side-menu {
        margin-top: 0;
        position: fixed;
        top: 0;
        right: 0;
        background: #fff;
        z-index: 998;
        width: 50%;
        max-width: none;
        height: 100vh;
        padding: 8rem 5.5rem 1.7rem 3rem;
        border-left: #f2f2f2 solid 1px;
        overflow: auto;
        transform: translateX(100%);
        transition: all .2s ease-in-out
    }

    .header .side-menu ~ .lang {
        width: auto;
        margin-top: 1.5rem;
        top: 20px;
        font-size: 1rem;
        position: absolute;
        display: none
    }

    .header .side-menu ~ .lang li {
        font-size: 7px;
        font-weight: 600
    }

    .header .side-menu>li a {
        text-transform: none
    }

    .header .side-menu .lang li a {
        text-transform: uppercase;
        font-size: 0.8rem
    }

    .header.open-menu .side-menu {
        transform: none
    }

    .top-menu>div {
        display: flex
    }

    .top-menu>div a .name__user{
        font-size: 13px;
    }
    .top-menu>div a {
        margin-left: 2rem
    }

    .top-menu>div a:hover {
        text-decoration: none
    }

    .main,.related {
        padding-left: 5.5rem;
        padding-top: 7.5rem
    }

    .product-list {
        padding-right: 0
    }

    .product-list .product {
        width: 48%
    }

    .product-list .product:nth-child(3n) {
        margin-right: 4%
    }

    .product-list .product:nth-child(2n) {
        margin-right: 0
    }

    .cart-page {
        flex-wrap: wrap
    }

    .cart {
        margin-left: 0;
        width: 50%;
        min-width: 0
    }

    .side-widget {
        margin-left: auto;
        width: auto;
        top: 131px
    }

    .blogs {
        margin-left: auto;
        max-width: 320px
    }

    .single {
        padding-top: 2rem
    }

    .login-page {
        margin-left: auto;
        margin-right: auto;
        padding-top: 4rem;
        width: 100%;
        max-width: 280px
    }
    .sidebar_checkout:after{
        content: none;
    }
    .banner_store .text_banner{
        display: flex;
        justify-content: center;
        padding-top: 0;
    }
    .no-padding{
        padding: 0;
    }
    .imageContact{
        margin-bottom: 20px;
    }
}


@media all and (max-width: 550px) {
    .hide-on-mobile {
        display:none !important
    }

    .side-menu ~ .lang {
        width: auto;
        z-index: 99999
    }

    .side-menu ~ .lang li+li {
        margin-left: 1rem
    }

    .header .top-menu {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .header .side-menu {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .header,.footer,.section-acf .text,.main {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .footer {
        flex-wrap: wrap;
        padding-top: 4rem
    }

    .footer .center {
        order: 3;
        margin-top: 2rem
    }

    .footer .left,.footer .right,.footer .center {
        width: 100%
    }

    .footer .left a,.footer .right a,.footer .center a {
        display: block;
        text-align: left;
        margin: 0;
        text-align: center;
        margin-bottom: 1rem;
        font-weight: 400
    }

    .cart {
        margin-left: 0;
        width: 100%;
        position: relative;
        max-width: none;
        order: 2
    }

    .cart .back {
        display: inline-block;
        margin-bottom: 2rem;
        font-size: 10px;
        letter-spacing: 0.3px;
        font-weight: 400
    }

    .coupon.hide-on-tablet {
        display: flex !important;
        margin-bottom: 2rem;
        width: 80%
    }

    .side-widget {
        max-width: none;
        width: 100%;
        position: relative;
        margin-left: 0;
        margin-bottom: 2rem;
        top: 0;
        order: 1;
        display: none
    }

    .side-widget.is-wide {
        display: none
    }

    .side-widget.is-wide .item-sm .img {
        display: none
    }

    .side-widget.is-wide .item-sm .sum {
        display: block
    }

    .side-widget.is-wide .item-sm .info {
        margin-left: 0;
        display: block
    }

    .side-widget.is-wide .item-sm .info .item-name {
        display: inline
    }

    .side-widget.is-wide .item-sm .info .item-name+div {
        display: inline
    }

    .single-product {
        flex-wrap: wrap
    }

    .single-product .gallery,.single-product .product-detail {
        width: 100%;
        max-width: none;
        padding-left: 0
    }

    .main,.related {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .related .product:nth-child(2n) {
        margin-right: 0;
        margin-bottom: 4rem
    }

    .related .product:nth-child(4) {
        display: none
    }

    .cart-page,.search-page {
        padding-top: 4rem
    }

    .check-out {
        padding-top: 1rem
    }
    #frmIndexOrder .search .button-text{
        background: #fff;
        margin: 2px;
        height: 36px;
    }
    .footer .right{
        margin-top: 20px;
    }
}
@media (min-aspect-ratio: 16/9) {
    .video-foreground {
        height: 300%;
        top: -100%;
    }
    .video-foreground.img_bn{
        height: unset;
        top: 0;
    }
}
@media (max-aspect-ratio: 16/9) {
    .video-foreground {
        width: 300%;
        left: -100%;
    }
    .video-foreground.img_bn{
        height: unset;
        top: 0;
    }
}