/* xong */
@media screen and (max-width: 319px){
    .item-footer{
        margin-bottom: 20px;
    }
    .fvPdLoopItem{
        border: none;
    }
    .tabProductList{
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
    }
    #cart .row{
        margin-right: -15px;
        margin-left: -15px;
    }
    .muathem{
        text-align: center;
        margin: auto;
    }
    .cost{
        text-align: center;
        margin-top: 15px;
    }
    .ja_title > div{
        font-size: 14px;
    }
    #logo_home .item-logo{
        width: 25%;
        font-size: 12px;
    }
    #button-contact-vr{
        bottom: 0px;
        width: 100%;
        left: 0px;
        background: url(../img/bg_sitebar_title.jpg) center center;
        color: #fff;
        padding: 5px 0px;
        text-align: center;
    }
    #button-contact-vr .button-contact .phone-vr{
        width: 50px;
        margin: auto;
        height: 50px;
    }
    #button-contact-vr .button-contact{
        display: inline-block;
        margin: 0px 15px;
    }
    .phone-vr-img-circle{
        position: relative;
        left: 0px;
        bottom: 0px;
    }
    .pdLoopItem .itemLoop{
        height: auto;
    }
    .pdLoopItem .pdLoopName{
        height: auto;
    }
    .productPage .content-wrap .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .related-new{
        margin: 20px 0px;
    }
    .stretched #gotoTop{
        bottom: 69px;
        right: 10px;
    }
    .viewmorePd a{
        margin-top: 15px;
    }
    .post_content h1{
        margin-top: 15px;
        font-size: 20px;
    }
    .left-sidebar{
        margin: 10px 0px;
        padding: 0px;
    }
    .sidebar-widgets-wrap .widget{
        padding-top: 10px;
    }
    .fb_dialog, .fb_dialog_advanced, .fb_customer_chat_bubble_animated_no_badge,
    .fb_customer_chat_bubble_pop_in {
        bottom: 100px !important;
    }

    /* The following is to move the chat bubble */
    .fb_dialog_content > iframe {
        bottom: 25pt !important;
    }

    /* The following is to move the chat box, on display and on hide */
    iframe.fb_customer_chat_bounce_in_v2 {
        bottom: 65pt !important;
    }

    iframe.fb_customer_chat_bounce_out_v2 {
        bottom: 65pt !important;
    }
    /*HWP:20240418*/
    .fix .logo{
        display: none;
    }
    .top_menu{
        display: none;
    }
    #main_menu li{
        margin: 0px 4px;
    }
    #main_menu li a{
        font-size: 12px;

    }
    .fix #main_menu{
        margin: 0px;
        padding: 10px 0px;
    }
    #main_menu{
        margin-bottom: 15px;
        margin-top: 5px;
    }
    .logo img{
        height: 50px;
    }
    .tab_sanpham .title{
        font-size: 17px;
        line-height: 30px;
        letter-spacing: 0px;
    }
    .tab_sanpham{
        padding: 20px 0px;
        text-align: center;
    }
    .tab_sanpham .align-center{
        width: inherit;
    }
    .category_sub_title{
        margin-top: 30px;
        font-size: 23px;
        margin-bottom: 15px;
    }
    .category_title{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .category_desc{
        font-size: 15px;
    }
    .tab_sanpham .tab-content{
        max-width: 100%;
    }
    .tab_sanpham .nav-tabs{
        grid-auto-flow: column;
        overflow: hidden;
        overflow-x: scroll;
        justify-self: center;
        display: inline-grid;
        text-align: center;
        justify-items: center;
        align-items: center;
        width: 100%;
        border: none;
    }
    .tab_sanpham .nav-tabs>li{
        border: none;
        width: 150px;
        max-width: 150px;
        position: relative;
        margin-right: 10px;
        background: #fff;
        margin-bottom: 7px;
        border: 1px solid #666;
        border-radius: 10px;
    }
    .tab_sanpham .nav a span{
        display: block;
        margin: 0px;
    }
    .tab_sanpham .nav a{
        padding: 5px 0px;
        margin: 0px;
        font-size: 12px;
    }
    .tab_sanpham .nav-tabs>li.active{
        border: 1px solid #333;
        background: orange;
    }
    .tab_sanpham .nav-tabs>li.active span{
        color: #fff;
    }
    .tab_sanpham .nav-tabs>li.active>a{
        color: #fff !Important;
    }
    .content-wrap{
        padding: 20px 0px;
    }
    .post_content{
        padding: 0px 15px;
    }
    .bottom-footer .title{
        font-size: 18px;
    }
    #slider .owl-next i,
    #slider .owl-prev i{
        font-size: 20px;
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
    #slider .owl-next,
    #slider .owl-prev{
        margin-top: -31px;
        height: 30px;
        width: 30px;
    }
    .header-main .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .header-main .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #intro{
        padding-top: 0px;
    }
    #intro h1{
        margin-top: 0px;
    }
    html {
        overflow-x: hidden;
    }
    .single-aboutus td,
    .single-aboutus th {
        float: left;
        width: 100% !important;
    }
    .header-main{
        padding: 10px;
    }
    .header-main .col-md-7{
        display: none;
    }
    .header-main #mobile-box{
        float: left;
        width: 20%;
    }
    .header-main #mobile-box a{
        border: 1px solid #ccc;
        width: 40px;
        height: 40px;
        border-radius: 5px;
        display: inline-block;
        line-height: 40px;
        font-size: 20px;
        float: left;
    }
    .header-main .logo{
        float: left;
        width: 60%;
        display: block;
        padding: 0px;
        text-align: center;
    }
    .header-main .logo img{
        padding: 0px;
        height: 40px;
    }
    .header-main button{
        float: right;
        width: 20%;
        height: 40px;
        border-radius: 5px;
        display: inline-block;
        padding: 0px 10px;
    }
    #video .title{
        font-size: 20px;
    }
    .form_baogia{
        text-align: center;
    }
    .form_baogia h2,.form_baogia .title{
        font-size: 20px;
        line-height: 30px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .item-footer{
        margin-bottom: 20px;
    }
    .fvPdLoopItem{
        border: none;
    }
    .tabProductList{
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
    }
    #cart .row{
        margin-right: -15px;
        margin-left: -15px;
    }
    .muathem{
        text-align: center;
        margin: auto;
    }
    .cost{
        text-align: center;
        margin-top: 15px;
    }
    .ja_title > div{
        font-size: 14px;
    }
    #logo_home .item-logo{
        width: 25%;
        font-size: 12px;
    }
    #button-contact-vr{
        bottom: 0px;
        width: 100%;
        left: 0px;
        background: url(../img/bg_sitebar_title.jpg) center center;
        color: #fff;
        padding: 5px 0px;
        text-align: center;
    }
    #button-contact-vr .button-contact .phone-vr{
        width: 50px;
        margin: auto;
        height: 50px;
    }
    #button-contact-vr .button-contact{
        display: inline-block;
        margin: 0px 15px;
    }
    .phone-vr-img-circle{
        position: relative;
        left: 0px;
        bottom: 0px;
    }
    .pdLoopItem .itemLoop{
        height: auto;
    }
    .pdLoopItem .pdLoopName{
        height: auto;
    }
    .productPage .content-wrap .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .related-new{
        margin: 20px 0px;
    }
    .stretched #gotoTop{
        bottom: 69px;
        right: 10px;
    }
    .viewmorePd a{
        margin-top: 15px;
    }
    .post_content h1{
        margin-top: 15px;
        font-size: 20px;
    }
    .left-sidebar{
        margin: 10px 0px;
        padding: 0px;
    }
    .sidebar-widgets-wrap .widget{
        padding-top: 10px;
    }
    .fb_dialog, .fb_dialog_advanced, .fb_customer_chat_bubble_animated_no_badge,
    .fb_customer_chat_bubble_pop_in {
        bottom: 100px !important;
    }

    /* The following is to move the chat bubble */
    .fb_dialog_content > iframe {
        bottom: 25pt !important;
    }

    /* The following is to move the chat box, on display and on hide */
    iframe.fb_customer_chat_bounce_in_v2 {
        bottom: 65pt !important;
    }

    iframe.fb_customer_chat_bounce_out_v2 {
        bottom: 65pt !important;
    }
    /*HWP:20240418*/
    .fix .logo{
        display: none;
    }
    .top_menu{
        display: none;
    }
    #main_menu li{
        margin: 0px 4px;
    }
    #main_menu li a{
        font-size: 12px;

    }
    .fix #main_menu{
        margin: 0px;
        padding: 10px 0px;
    }
    #main_menu{
        margin-bottom: 15px;
        margin-top: 5px;
    }
    .logo img{
        height: 50px;
    }
    .tab_sanpham .title{
        font-size: 17px;
        line-height: 30px;
        letter-spacing: 0px;
    }
    .tab_sanpham{
        padding: 20px 0px;
        text-align: center;
    }
    .tab_sanpham .align-center{
        width: inherit;
    }
    .category_sub_title{
        margin-top: 30px;
        font-size: 23px;
        margin-bottom: 15px;
    }
    .category_title{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .category_desc{
        font-size: 15px;
    }
    .tab_sanpham .tab-content{
        max-width: 100%;
    }
    .tab_sanpham .nav-tabs{
        grid-auto-flow: column;
        overflow: hidden;
        overflow-x: scroll;
        justify-self: center;
        display: inline-grid;
        text-align: center;
        justify-items: center;
        align-items: center;
        width: 100%;
        border: none;
    }
    .tab_sanpham .nav-tabs>li{
        border: none;
        width: 100px;
        max-width: 100px;
        position: relative;
        margin-right: 10px;
        background: #fff;
        margin-bottom: 7px;
        border: 1px solid #666;
        border-radius: 10px;
    }
    .tab_sanpham .nav a span{
        display: block;
        margin: 0px;
    }
    .tab_sanpham .nav a{
        padding: 5px 0px;
        margin: 0px;
        font-size: 12px;
    }
    .tab_sanpham .nav-tabs>li.active{
        border: 1px solid #333;
        background: orange;
    }
    .tab_sanpham .nav-tabs>li.active span{
        color: #fff;
    }
    .tab_sanpham .nav-tabs>li.active>a{
        color: #fff !Important;
    }
    .content-wrap{
        padding: 20px 0px;
    }
    .post_content{
        padding: 0px 15px;
    }
    .bottom-footer .title{
        font-size: 18px;
    }
    #slider .owl-next i,
    #slider .owl-prev i{
        font-size: 20px;
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
    #slider .owl-next,
    #slider .owl-prev{
        margin-top: -31px;
        height: 30px;
        width: 30px;
    }
    .header-main .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .header-main .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #intro{
        padding-top: 0px;
    }
    #intro h1{
        margin-top: 0px;
        font-size: 25px;
    }
    html {
        overflow-x: hidden;
    }
    .single-aboutus td,
    .single-aboutus th {
        float: left;
        width: 100% !important;
    }

    .header-main{
        padding: 10px;
    }
    .header-main .col-md-7{
        display: none;
    }
    .header-main #mobile-box{
        float: left;
        width: 20%;
    }
    .header-main #mobile-box a{
        border: 1px solid #ccc;
        width: 40px;
        height: 40px;
        border-radius: 5px;
        display: inline-block;
        line-height: 40px;
        font-size: 20px;
        float: left;
    }
    .header-main .logo{
        float: left;
        width: 60%;
        display: block;
        padding: 0px;
        text-align: center;
    }
    .header-main .logo img{
        padding: 0px;
        height: 40px;
    }
    .header-main button{
        float: right;
        width: 20%;
        height: 40px;
        border-radius: 5px;
        display: inline-block;
        padding: 0px 10px;
    }
    #video .title{
        font-size: 20px;
    }
    .form_baogia{
        text-align: center;
    }
    .form_baogia h2,.form_baogia .title{
        font-size: 20px;
        line-height: 30px;
    }
    .tab_sanpham .nav-tabs>li{
        margin-left: 0px;
    }
    .tab_sanpham .nav a{
        text-align: center;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .item-footer{
        margin-bottom: 20px;
    }
    .fvPdLoopItem{
        border: none;
    }
    .tabProductList{
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
    }
    #cart .row{
        margin-right: -15px;
        margin-left: -15px;
    }
    .muathem{
        text-align: center;
        margin: auto;
    }
    .cost{
        text-align: center;
        margin-top: 15px;
    }
    .ja_title > div{
        font-size: 14px;
    }
    #logo_home .item-logo{
        width: 25%;
        font-size: 12px;
    }
    #button-contact-vr{
        bottom: 0px;
        width: 100%;
        left: 0px;
        background: url(../img/bg_sitebar_title.jpg) center center;
        color: #fff;
        padding: 5px 0px;
        text-align: center;
    }
    #button-contact-vr .button-contact .phone-vr{
        width: 50px;
        margin: auto;
        height: 50px;
    }
    #button-contact-vr .button-contact{
        display: inline-block;
        margin: 0px 15px;
    }
    .phone-vr-img-circle{
        position: relative;
        left: 0px;
        bottom: 0px;
    }
    .pdLoopItem .itemLoop{
        height: auto;
    }
    .pdLoopItem .pdLoopName{
        height: auto;
    }
    .productPage .content-wrap .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .related-new{
        margin: 20px 0px;
    }
    .stretched #gotoTop{
        bottom: 69px;
        right: 10px;
    }
    .viewmorePd a{
        margin-top: 15px;
    }
    .post_content h1{
        margin-top: 15px;
        font-size: 20px;
    }
    .left-sidebar{
        margin: 10px 0px;
        padding: 0px;
    }
    .sidebar-widgets-wrap .widget{
        padding-top: 10px;
    }
    .fb_dialog, .fb_dialog_advanced, .fb_customer_chat_bubble_animated_no_badge,
    .fb_customer_chat_bubble_pop_in {
        bottom: 100px !important;
    }

    /* The following is to move the chat bubble */
    .fb_dialog_content > iframe {
        bottom: 25pt !important;
    }

    /* The following is to move the chat box, on display and on hide */
    iframe.fb_customer_chat_bounce_in_v2 {
        bottom: 65pt !important;
    }

    iframe.fb_customer_chat_bounce_out_v2 {
        bottom: 65pt !important;
    }
    /*HWP:20240418*/
    .fix .logo{
        display: none;
    }
    .top_menu{
        display: none;
    }
    #main_menu li{
        margin: 0px 4px;
    }
    #main_menu li a{
        font-size: 12px;

    }
    .fix #main_menu{
        margin: 0px;
        padding: 10px 0px;
    }
    #main_menu{
        margin-bottom: 15px;
        margin-top: 5px;
    }
    .logo img{
        height: 50px;
    }
    .tab_sanpham .title{
        font-size: 17px;
        line-height: 30px;
        letter-spacing: 0px;
    }
    .tab_sanpham{
        padding: 20px 0px;
        text-align: center;
    }
    .tab_sanpham .align-center{
        width: inherit;
    }
    .category_sub_title{
        margin-top: 30px;
        font-size: 23px;
        margin-bottom: 15px;
    }
    .category_title{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .category_desc{
        font-size: 15px;
    }
    .tab_sanpham .tab-content{
        max-width: 100%;
    }
    .tab_sanpham .nav-tabs{
        grid-auto-flow: column;
        overflow: hidden;
        overflow-x: scroll;
        justify-self: center;
        display: inline-grid;
        text-align: center;
        justify-items: center;
        align-items: center;
        width: 100%;
        border: none;
    }
    .tab_sanpham .nav-tabs>li{
        border: none;
        width: 150px;
        max-width: 150px;
        position: relative;
        margin-right: 10px;
        background: #fff;
        margin-bottom: 7px;
        border: 1px solid #666;
        border-radius: 10px;
    }
    .tab_sanpham .nav a span{
        display: block;
        margin: 0px;
    }
    .tab_sanpham .nav a{
        padding: 5px 0px;
        margin: 0px;
        font-size: 12px;
    }
    .tab_sanpham .nav-tabs>li.active{
        border: 1px solid #333;
        background: orange;
    }
    .tab_sanpham .nav-tabs>li.active span{
        color: #fff;
    }
    .tab_sanpham .nav-tabs>li.active>a{
        color: #fff !Important;
    }
    .content-wrap{
        padding: 20px 0px;
    }
    .post_content{
        padding: 0px 15px;
    }
    .bottom-footer .title{
        font-size: 18px;
    }
    #slider .owl-next i,
    #slider .owl-prev i{
        font-size: 20px;
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
    #slider .owl-next,
    #slider .owl-prev{
        margin-top: -31px;
        height: 30px;
        width: 30px;
    }
    .header-main .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .header-main .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #intro{
        padding-top: 0px;
    }
    #intro h1{
        margin-top: 0px;
    }
    html {
        overflow-x: hidden;
    }
    .single-aboutus td,
    .single-aboutus th {
        float: left;
        width: 100% !important;
    }

    .header-main{
        padding: 10px;
    }
    .header-main .col-md-7{
        display: none;
    }
    .header-main #mobile-box{
        float: left;
        width: 20%;
    }
    .header-main #mobile-box a{
        border: 1px solid #ccc;
        width: 40px;
        height: 40px;
        border-radius: 5px;
        display: inline-block;
        line-height: 40px;
        font-size: 20px;
        float: left;
    }
    .header-main .logo{
        float: left;
        width: 60%;
        display: block;
        padding: 0px;
        text-align: center;
    }
    .header-main .logo img{
        padding: 0px;
        height: 40px;
    }
    .header-main button{
        float: right;
        width: 20%;
        height: 40px;
        border-radius: 5px;
        display: inline-block;
        padding: 0px 10px;
    }
    #video .title{
        font-size: 20px;
    }
    .form_baogia{
        text-align: center;
    }
    .form_baogia h2,.form_baogia .title{
        font-size: 20px;
        line-height: 30px;
    }
    .tab_sanpham .nav-tabs>li{
        margin-left: 0px;
    }
    .tab_sanpham .nav a{
        text-align: center;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
    .header-main{
        padding: 10px;
    }
    .header-main .col-md-7{
        display: none;
    }
    .header-main #mobile-box{
        float: left;
        width: 20%;
    }
    .header-main #mobile-box a{
        border: 1px solid #ccc;
        width: 40px;
        height: 40px;
        border-radius: 5px;
        display: inline-block;
        line-height: 40px;
        font-size: 20px;
        float: left;
    }
    .header-main .logo{
        float: left;
        width: 60%;
        display: block;
        padding: 0px;
        text-align: center;
    }
    .header-main .logo img{
        padding: 0px;
        height: 40px;
    }
    .header-main button{
        float: right;
        width: 20%;
        height: 40px;
        border-radius: 5px;
        display: inline-block;
        padding: 0px 10px;
    }
    #video .title{
        font-size: 20px;
    }
    .form_baogia{
        text-align: center;
    }
    .form_baogia h2,.form_baogia .title{
        font-size: 20px;
        line-height: 30px;
    }
    .header-main .col-md-7{
        display: none;
    }
    .top_menu {
        display: none;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {

}