//Style Responsive

// X-small screen / phone < 480px --------------------------------------------------------------------------------------
@media (max-width: $screen-xs-min){
    //topbar
    #menu-topbar-menu{
        float: left;
        .fa + span{
            display: none;
        }
        margin: 0;
    }
    #ri-top-navbar{
        .user-login{
            display: none;
        }
    }
    .topbar-hiden{
        #ri-top-navbar{
            display: block !important;
        }
    }
    //buttom cart
    .button-groups{
        .fa-shopping-cart{
            display: block;
            font-size: 16px;
            padding: 1px 15px;
            & + *{
                display: none;
            }
        }
    }
    //logo
    #logo{
        text-align: center;
    }

    //

    .header-4.keep-header{
        position: static;
    }
    #menu-footer-navigation{
        display: none !important;
    }
    .header-content-right{
        text-align: center;
        .group-cart-search{
            float: none;
        }
    }
    .header-content-right .cart-wrap{
        float: none;
        display: inline-block;
        text-align: center;
        margin-top: 15px;
    }
    #cart .mini-cart{
        @include rtl-border-left(0 );
        padding: 0px;
        text-align: center;
    }
    //menu
    .mega-menu-wrap{
        display: none;
    }
    //
    .wg-custom-heading .text-heading{
        font-size: 25px;

    }
    .des-testimonial > p{
        font-size: 18px;
    }
    .newsletters .input-newsletter{
        width: 200px;
    }
    .header-content-header,.header-content{
        display: none;
    }
    #ri-menu-primary{
        display: none !important;
    }
    .quick-view{
        display: none;
    }
    .switch-layout .products-list{
        display: none;
    }
    .header-4.keep-header.hide-bar #ri-header{
        position: absolute !important;
    }
    .header-4 .header-content-logo {
        float: none;
        text-align: center;
    }
}
// Small screen / phone 480px-767px-------------------------------------------------------------------------------------
@media (min-width:$screen-xs-min) and (max-width: $screen-xs-max) {
    .quick-view{
        display: none;
    }
    //topbar
    #menu-topbar-menu{
        float: left;
        .fa + span{
            display: none;
        }
        margin: 0;
        @include rtl-margin-right(5px);
    }

    #ri-top-navbar{
        .user-login{
            display: none;
        }
    }
    .topbar-hiden{
        #ri-top-navbar{
            display: block !important;
        }
    }
    //buttom cart
    .button-groups{
        .fa-shopping-cart{
            display: block;
            font-size: 16px;
            padding: 1px 15px;
            & + *{
                display: none;
            }
        }
    }

    //
    #menu-footer-navigation{
        display: none !important;
    }
    //menu
    .header-4.keep-header{
        position: static;
    }
    .mega-menu-wrap{
        display: none;
    }

    //logo
    #logo{
        text-align: center;
    }
    //
    .header-content-right{
        text-align: center;
        .group-cart-search{
            float: none;
        }
    }
    .header-content-right .cart-wrap{
        float: none;
        text-align: center;
        display: inline-block;
        margin-top: 15px;
    }
    #cart .mini-cart{
        @include rtl-border-left(0 );
        padding: 0px;
        text-align: center;
    }
    .header-content-header,.header-content{
        display: none;
    }
    #ri-menu-primary{
        display: none !important;
    }
    .header-4.keep-header.hide-bar #ri-header{
        position: absolute !important;
    }
    .header-4 .header-content-logo {
        float: none;
        text-align: center;
    }
}

// Small screen / tablet 768-991 ---------------------------------------------------------------------------------------
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
    .quick-view{
        display: none;
    }
    //topbar
    #menu-topbar-menu{
        .fa + span{
            display: none;
        }
    }
    #ri-top-navbar{
        .user-login{
            display: none;
        }
    }

    #cart .mini-cart{
        border: none;
    }
    .topbar-hiden{
        #ri-top-navbar{
            display: block !important;
        }
    }
    //buttom cart
    .button-groups{
        .fa-shopping-cart{
            display: block;
            font-size: 16px;
            padding: 1px 15px;
            & + *{
                display: none;
            }
        }
    }

    //menu
    .header-4.keep-header{
        position: static;
    }
    .header-1 .mega-menu-wrap{
          display: none;
    }
    .header-4.keep-header.hide-bar #ri-header{
        position: absolute !important;
    }
    .header-4 .header-content-logo {
        float: none;
        text-align: center;
    }
    //new letter
    .newsletters{
        .descrition{
            display: none;
        }
    }

    //
    #ri-menu-primary{
        display: none !important;
    }
    //
    .header-content-header,.header-content{
        display: none;
    }

}

// Medium screen / desktop 992-1199 ------------------------------------------------------------------------------------
@media (min-width: $screen-md) and (max-width: $screen-md-max) {

    //topbar
    #menu-topbar-menu{
        .fa + span{
            display: none;
        }
    }
    #ri-top-navbar{
        .user-login{
            display: none;
        }
    }

    //buttom cart
    .button-groups{
        .fa-shopping-cart{
            display: block;
            font-size: 16px;
            padding: 1px 15px;
            & + *{
                display: none;
            }
        }
    }


    .wg-custom-heading .text-heading{
        font-size: 28px;
    }

    .header-2,.header-3,.header-4{
        .searchform-wrap{
            width: 250px;
        }
    }

    //sidebar
    .sidebar .widget{
        padding: 15px;
    }
    .sidebar .post-image{
        @include rtl-margin-right(5px);
    }
    //table
    table > thead > tr > th,
    table > thead > tr > td,
    table > tbody > tr > th,
    table > tbody > tr > td,
    table > tfoot > tr > th,
    table > tfoot > tr > td{
        padding: 5px;
    }
    .slicknav_nav{
        display: none;
    }
}

// Large screen / wide desktop 1200-------------------------------------------------------------------------------------
@media (min-width: $screen-lg) {
    .add_to_cart_button,.product_type_variable{
        .fa-shopping-cart{
            display: none;
        }
    }
    .slicknav_nav{
        display: none;
    }
}