/* Responsive css */



@media only screen and (max-width: 1024px){
    .mb_table{
        display: table;
    }
    .mb_table a{
        color: #898989;
        padding: 0 22px;
    }
    .left_top{
        width: 216px;
    }
    .user_login{
        margin: 5px 0 0 5px;
        color: yellow;
        line-height: 30px;

    }
    .sale {
        position: absolute;
        right: 0px;
    }
    #main{
        padding-top: 135px;
    }
    .header{
        position: fixed;
        z-index: 1000;
        padding-top:5px;
    }
    .cart{
        display: none;
    }
    .head_right{
        width: 33px;
    }
    .cart_box {
        margin: 5px 10px 0 0;
    }
    .head_left {
        width: 88px;
        padding-right: 10px;
    }
    .search input[type="button"] {
        display: none
    }

    .header_top {
        margin: 0 0 5px;
    }
    .search form {
        background: #a5e150 url("../images/search_icon.png") no-repeat scroll 6px 6px;
        height: 27px;
    }
    .cart_bag {
        background: url("../images/cart_bag.png") no-repeat scroll center center;
        border-radius:0; 
        padding: 0px; 

    }
    .box_outer_home .box:last-child{
        display: none;
    }
    .box_outer_home .cat_img_box{
        width: 50%;
        /* padding-right: 0px; */
    }
    .box{
        width: 25%;
    }
    .box:nth-child(4n) {
        /* margin: 1% 0 1% 0; */
    }
    .with_img_outer .box:nth-child(3) {
        /* margin: 1% 0 1% 0; */
    }
    .list_item li{
        width: 25%;
    }
    .footer{
        padding: 20px 10px;
    }
    .header_list_item .child_menu {
        display: none;
    }
}
@media only screen and (max-width: 1000px){
    .list_item li{
        width: 33.3%;
    }
    .pc, .pc_td, .footer_link, #slider-menu .owl-controls, #slider-footer .owl-controls{
        display: none !important;
    }
    .mb, .close_nav{
        display: block;
    }
    .pc_nav{
        display: none;
        position: fixed;
        top: -22px;
        left: 0px;
        right: 0px;
        overflow: auto;
        background: #fff;
        bottom: 0px;
        box-shadow: none;
        z-index: 1000;
    }
    .pc_nav > li{
        float: left;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: 8px 7px;
        background-color: #f4f4f4;
        color: red;
        width: 100%;
    }
    .pc_nav > li a{
        padding: 9px 10px 6px 32px;
        color: red;
        font-weight: bold;
    }
    .pc_nav > li:first-child a{
        float: left;
    }
    .pc_nav li div {
        position: relative;
        top: auto;
        width: 100%;
        background: #f4f4f4;
        left: auto;
        padding: 0px;
        display: block;
        box-shadow: none;
        padding-left: 20px;
    }
    .pc_nav li div a{
        font-weight: normal;
    }
    .pc_nav > li:hover {
        background-color: #f4f4f4 !important;
        color: red;
    }
   
    #header {
        position: fixed;
        background: url(../images/bg_header.jpg);
    }
    product_image, .right_shop{
        display: none;
    }
    .product_details{
        width: 100%;
        padding: 10px 0px 0 0px;
    }
    #cart .login_form{
        width: 100%;
    }
    .right_cart{
        width: 100%;
    }
    .product_image{
        background: #f4f4f4;
        /* padding: 10px 10px 0; */
        width: 100%;
    }
    .box_list_item {
        margin-top: 0px; 
   }
    .slider_detail{
        max-width: 445px;
        margin: 0 auto;
    }
    .header_list_item{
        margin-top: 0px;
    }
    .footer .td{
        width: 100%;
        display: inherit;
        margin-bottom: 10px;
    }
    .service{
        border-bottom: 0px;
    }
    .home, .pages {
        margin-top: 110px;
    }
    .left_prod_img, .review_box{
        border-left: 0px;
        border-right: 0px;
        padding: 20px 0px;
    }
    .header_tit{
        padding: 5px !important;
    }
}
@media only screen and (max-width: 770px){
    .harrow{
        font-size: 28px;
    }
    .harrow:after {
        border-width: 20px;
        margin-left: -20px;
    }
    .login_form, .not_reg{
        width: 100%;
    }
    .right_content{
        padding-left: 0px;
    }
    .home_news .right_content{
        /* padding-left: 10px; */
    }
    .left_siderbar, .right_content .h1{
        display: none;
    }
    .menu_sidebar{
        display: block;
    }
    .head_news{
        margin-top: 10px;
    }
    .right_content img{
        width: 150px;
    }
    
    .right_content h2{
        font-size: 16px !important;
    }
    .hot_gallery .td{
        display: block;
    }
    .wiget_news{
        display: none !important;
    }
    .bottom_right{
        width: 100%;
    }
}
@media only screen and (min-width: 700px){
    .bgsearch, .right_top{
        display: table-cell !important;
    }
}
@media only screen and (max-width: 700px){
    .harrow{
        font-size: 18px;
    }
    .bgsearch, .service-info, .support_order, .home_txt{
        display: none;
    }
    .prod_buy_btn{
        /* margin-bottom: 40px; */
    }
    .product_details_box{
        margin-bottom: 25px;
    }
    #cart_success{
        margin-top: 10px;
    }
    .info_account .td{
        padding-right: 0px;
        display: block;
        width: 100%;
    }
    .mt30 {
        margin-top: 10px;
    }
    .close_search{
        display: block
    }
    .search {
        padding-right: 66px;
    }
    .search button{
        right: 40px;
    }
    .tk{
        display: table-cell;
    }
    .disscount > p{
        clear: both;
        margin: 10px 0 0 0;
    }
}
@media only screen and (max-width: 640px){
    .home_txt{
        width: 75px !improtant;
    }
    .header_list_item .child_menu{
        display: none
    }
    .other_news{
        width: 100%;
    }

}
@media only screen and (max-width: 480px){
    .list_item li{
        width: 50%;
    }
    .left_top{
        display: none;
    }
    .home_txt{
        display: table-cell;
        width: 75px !important;
    }
    .home_txt .tk{
        background: #d60c0c;
    }
    .headding {
        height: 46px;
    }
    .headding .cat-name {
        font-size: 29px;
        padding-bottom: 5px;
    }
    .slider_detail .thumb{
        display: none
    }
    .wm100{
        width: 100% !important;
    }
    .bg_promo span{
        display: none;
    }
    .bgsearch {
        padding: 10px 0px;
    }
    .giver, .recipient {
        padding: 0px 0px 15px 0px;
    }
}
@media only screen and (max-width: 420px){
    .btn_SlideMenu span{
        display: none;
    }
}
@media only screen and (max-width: 380px){
    .right_top .td{
        width: 45px;
    }
    .home_txt{
        width: 65px !important;
    }
    .news{
        width: 85px !important;
    }

}