@media (min-width: 992px) {
    html,
    body {
        font-size: 14px;
    }
    .list_new .row{
        margin-left: -2.222222222222222rem;
        margin-right: -2.222222222222222rem;
    }
    .list_new .item{
        padding-left: 2.222222222222222rem;
        padding-right: 2.222222222222222rem;
    }
    .contact_item p.set_width_label a{
        font-size:0.8888888888888889rem;
    }
    .product_review_slider{
        opacity:0;
    }
}
@media (min-width: 992px) and (max-width: 1440px) {

}
@media (min-width: 992px) and (max-width: 1200px) {
    .sp_detail_order_btn .btn_web {
        padding: 0 .7rem;
    }
}
/*mobile and tablet*/
@media (max-width: 991px) {
    /*width:750px = font-sixe:18px*/
    html,
    body {
        font-size: 2.4vw;
    }
    .container{
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
        position: relative;
        max-width: none;
    }
    .main_page .row{
        margin-left: -10px;
        margin-right: -10px;
    }
    .list_item .item{
        padding-left: 10px;
        padding-right: 10px;
    }
    .list_item .item:after{
        width: calc(100% - 20px);
        left: 10px;
    }
    .tt_abs{
        font-size: 7em;
    }
    .hover_web{
        display: none;
    }
    .select_tool .select_cate{
        display: none;
    }
    .main_select_tool{
        margin: 0 auto;
    }
    .item_select{
        width: 80%;
        margin: 1rem auto;
        padding: 0;
        float: none;
    }
    .select_submit{
        width: 80%;
        margin: .5rem auto;
        float: none;
        left: 50%;
        position: relative;
        transform: translate(-50%,0);
    }
    .sp_detail_img{
        padding: 0 10px;
        text-align: center;
    }
    .sp_detail_info{
        padding: 0 10px;
        margin-top: 2rem;
    }
    .web_slider{
        margin-left: 0;
        margin-right: 0;
    }
    .product_review_slider{
        padding: 0 15px;
    }
    .list_item_review .tt_all{
        padding: 0 15px;
    }
    .web_slider button.slick-arrow{
        background-size: 100% !important;
        width: 20px;
    }
    .web_slider button.slick-arrow.slick-prev{
        left: 0;
    }
    .web_slider button.slick-arrow.slick-next{
        right: 0;
    }
    .list_new .item{
        margin-bottom: 2.5rem;
    }
    .list_new .item:last-child{
        margin-bottom: 0;
    }
    .new_page_content:after{
        width: calc(100%);
        left: 0;
    }
    .new_page .hover_web{
        display: block;
    }
    .new_page .hover_web span img {
        width: 1.555555555555556rem;
        height: auto !important;
    }
    .new_des{
        height: auto;
    }
    .new_tt{
        height: auto;
        margin-bottom: 1.5rem;
    }
    h1.new_tt{
        padding-right: 0;
    }
    .new_info_detail .date {
        top: 9.5rem;
    }
    .web_slider .item {
        padding: 0 10px;
    }
    .media_slider .hover_web {
        width: calc(100% - 20px);
        left: 10px;
    }
    .hover_web .new_tt{
        font-size: 1.666666666666667em;
        bottom: 1rem;
        left: 1rem;
        width: calc(100% - 2rem);
    }
    .web_slider.media_slider button.slick-arrow.slick-prev{
        left: 1.5rem;
    }
    .web_slider.media_slider button.slick-arrow.slick-next{
        right: 1.5rem;
    }
    .media_slider.list_item .link_img>img {
        height: 23.88888888888889rem !important;
    }
    .sec .row{
        margin-left: -10px;
        margin-right: -10px;
    }
    .popup_thumb {
        width: 100%;
    }
    .photo_slider .slider-for .item img{
        height: 22.44444444444444rem;
    }
    .photo_slider .slider-nav .item_thumb img{
        height: 7.888888888888889rem !important;
    }
    .photo_tool {
        position: relative;
        padding-top: 2rem;
        top: auto;
        right: auto;
        text-align: center;
    }
    .web_slider.photo_slider .item {
        padding: 0;
    }
    .video_detail .photo_tool {
        top: auto;
        padding-top: 0;
        padding-bottom: 2rem;
    }
    .intro_images {
        width: 100%;
        float: left;
    }
    .intro_info {
        width: 100%;
        float: left;
        padding: 2rem 0 0;
    }
    .contact_info{
        padding-bottom: 3rem;
    }
    .contact_item{
        padding-left: 10px;
        padding-right: 10px;
        margin: 1rem 0 2rem;
    }
    .form_left {
        float: left;
        padding-right: 0;
        width: 100%;
    }
    .form_right {
        float: left;
        padding-left: 0;
        width: 100%;
    }
    .form_left .form_div:last-child {
        margin-bottom: 1.111111111111111rem;
    }
    .capcha {
        width: 100%;
        padding-right: 0;
        text-align: left;
        float: left;
    }
    .btn_div {
        float: left;
        width: 100%;
        padding-left: 0;
    }
    .form_control{
        display: block !important;
    }
    .btn_div .btn_web {
        margin-top: 2.777777777777778rem;
        position: relative;
        top: auto;
        left: 0;
        display: block;
        width: 100%;
        transform: translate(0);
    }
    .contact_item .btn_web{
        left: 10px;
    }
    .popup_contact {
        width: calc(100% - 20px);
    }
    .popup_tuyendung{
        width: calc(100% - 20px);
    }
    .popup_tuyendung .form_div {
        width: 100%;
        float: left;
        margin: 10px 0;
    }
    .popup_tuyendung .form_div .item_select{
        margin: 0;
    }
    .lb_td_note{
        height: auto;
    }
    .popup_btn_div{
        padding-top: 1rem;
    }
    .store_select_tool .item_select {
        width: 100%;
    }
    .store_select_tool .select_submit {
        width: 100%;
    }
    .store_list .contact_item .btn_web{
        width: 100%;
        margin: 1rem 0;
        text-align: center;
    }
    .store_list .contact_item .store_btn .btn_web:last-child{
        margin-top: 0;
    }
    .pp_head_store.contact_item{
        margin: 0 auto;
    }
    .contact_item .btn_web.pp_btn_store {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        margin: 1rem 0;
        display: block;
        text-align: center;
    }
    .pp_head_store .social {
        position: relative;
        top: auto;
        right: auto;
        margin: .5rem 0;
    }
    .addres_store_location,.addres_store_location:hover{
        background-size: 5%;
    }
    #tuyendung .home_banner .home_banner_info>.container {
        padding-top: 4.388889em !important;
    }
    .select_form_pages .main_select_tool {
        margin: 2.5em 0 0;
    }
    .sl_banner_faq .btn-outline-light{
        margin-top: 1rem !important;
        width: 100%;
    }
    .wap_list_faq .list_page_collapes .card-header{
        padding-left: 10px;
        padding-right: 10px;
    }
    .wap_list_faq .container{
        padding: 0;
    }
    .wap_list_faq .card-header:after{
        width: calc(100% - 20px - 4.444444444444444rem);
        left: calc(10px + 2.222222222222222rem);
    }
    .suport_content{
        padding: 2rem 1rem;
    }
    .suport_content img{
        position: absolute;
        top: 50%;
        left: 1rem;
        transform: translate(0,-50%);
    }
    .suport_content p{
        text-align: left;
        position: absolute;
        top: 50%;
        left: 19rem;
        transform: translate(0,-50%);
    }
    .suport_content h2{
        width: 16.77777777777778rem;
        padding-left: 5rem;
        margin: 0;
    }
    .suport_content .btn_web{
        position: absolute;
        top: 50%;
        left: 19rem;
        transform: translate(0,-50%);
    }
    .popup_thumb .popup_head .photo_tool {
        right: auto;
    }
    .welcome{
        background: transparent !important;
    }
    .welcome_left {
        width: 100%;
        float: left;
        height: auto;
        padding: 0 1rem;
        background-image: linear-gradient(to bottom right, #1f3e73, #264b8b);
    }
    .welcome_right {
        width: 100%;
        float: left;
        height: auto;
    }
    .welcome_right img{
        display: block;
    }
    .welcome_content .item_select {
        width: 100%;
    }
    .welcome_content .select_submit {
        width: calc(100%);
    }
    .logo_welcome {
        top: auto;
        left: auto;
        position: relative;
        padding-top: 1rem;
        display: block;
    }
    .welcome_content {
        padding: 10rem 0 5rem;
    }
    .main_page_sanpham .main_page_detail:nth-child(2n):after,.new_page_content .sec:nth-child(2n):after,.store_content .sec:nth-child(2n):after,.intro_main_content>.sec:nth-child(2n+1):after{
        width: calc(100% - 20px);
        left: 10px;
    }
    .list_new .link_img img{
        height: auto;
    }
    .capcha .g-recaptcha>div {
        transform: scale(.9) translate(-5%,0);
        float: left;
    }
    .btn_web>img.icon_map {
        width: 1.4rem;
    }
    .btn_web>img.icon_cam {
        width: 2rem;
    }
    .contact_item p span{
        min-width:8.5rem;
    }
    .web_slider.photo_slider button.slick-arrow.slick-prev{
        left: 3rem;
    }
    .web_slider.photo_slider button.slick-arrow.slick-next{
        right: 3rem;
    }
    .pp_store_info .pc{
        display: none !important;
    }
    .pp_store_info{
        line-height: 2rem;
    }
    .pp_store_info span{
        min-width: 6.2rem;
    }
    .map_banner{
        padding: .5rem;
    }
    #popupGalleryContent .new_content_txt{
        padding:  0 0 .5rem;
    }
    .photo_detail .new_content_txt{
        padding-top: 0;
    }
    .photo_detail h1.new_tt,.popup_head h1.new_tt{
        padding-right: 0;
    }
    /* Giỏ hàng */
    .tbl-tt{
        display: none;
    }
    .table-page ul li{
        border-top: 1px solid transparent;
        border-bottom: 1px solid #d7d7d7;
        padding: 4.72rem 0 2rem;
    }
    .close{
        top: 1rem;
        transform: translate(0);
    }
    .tbl-name{
        width: 100%;
        margin-bottom: 1rem;
    }
    .tbl-price,.tbl-num,.tbl-sum {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        float: left;
    }
    .tbl-price .price, .tbl-sum .price {
        font-size: 1rem !important;
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0);
        margin: 0 !important;
        font-size: 1.555555555555556rem !important;
    }
    .tbl-num .detai-buy {
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0);
        margin: 0 !important;
        font-size: 1.555555555555556rem !important;
    }
    .tbl-num .detai-buy .num{
        padding-top: 0;
    }
    span.tt-mobile{
        display: inline-block;
        width: 14.22222222222222rem;
    }
    .tbl-price, .tbl-num, .tbl-sum {
        text-align: left;
    }
    .table-page .list-info{
        padding-left: 0;
        padding-right: 0;
    }
    .table-page .list-tt{
        font-size: 1.555555555555556rem !important;
    }
    .table-page .list-view,.table-page .list-note{
        font-size: 1.333333333333333rem;
    }
    .table-page .list-view{
        max-height: none;
    }
    .tool-price{
        float: left;
        width: 65%;
    }
    .notif_btn .btn_web{
        margin: .5rem 0;
    }
    .table-page .num{
        width: 3rem;
        height: 3rem;
        line-height: 2.8rem;
    }
    .tool-price .list-btn .btn_web{
        padding: 0 1rem;
    }
    .fancybox-show-infobar .fancybox-infobar {
        top: 84% !important;
        left: 48% !important;
        margin-top: 0 !important;
        right: auto;
    }
}
@media (max-width: 575px){
    .main_page .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .main_tt{
        font-size: 3.5em;
    }
    .list_item .item {
        padding-left: 5px;
        padding-right: 5px;
    }
    .list_item .item:after{
        width: calc(100% - 10px);
        left: 5px;
    }
    .list_item .title_link{
        font-size: 1.333333333333333em;
        height: 4rem;
    }
    .tt_all{
        font-size: 2.555555555555556em;
    }
    .item_select .ip_select .btn{
        height: 3.888888888888889rem !important;
        padding-top: .9rem;
    }
    .item_select,.item_select .dropdown-item{
        font-size: 1.333333333333333em !important;
    }
    .breadcrumb_custom{
        font-size: 1em !important;
    }
    .collection_cate .cate_item,.btn_web{
        height: 3.888888888888889rem;
        font-size: 1.333333333333333em;
    }
    .collection_cate .cate_item span,.btn_web span {
        line-height: 3.888888888888889rem;
    }
    .select_submit{
        height: 3.888888888888889rem !important;
        font-size: 1.333333333333333em;
        width: 100%;
    }
    .item_select {
        width: 100%;
    }
    .item_select .bootstrap-select.show-tick .dropdown-menu .dropdown-item {
        padding-left: 2.666667rem;
    }
    .item_select .bootstrap-select.show-tick .dropdown-menu .dropdown-item span.check-mark{
        width: 1.5rem;
        height: 1.5rem;
    }
    .item_select .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark:after {
        width: 0.7rem;
        height: 0.7rem;
    }
    .sp_price{
        font-size: 1.666666666666667em;
    }
    .sp_detail_tt,.sp_detai_price{
        font-size: 2em;
    }
    .sp_parameters,.social_tt,.sp_tbl_col,.sp_description{
        font-size: 1.333333333333333em;
    }
    .sp_detail .btn_web{
        height: 3.888888888888889rem;
        font-size: 1.333333333333333em;
    }
    .sp_detail .btn_web span {
        line-height: 3.888888888888889rem;
    }
    .social a{
        width: 3.555555555555556rem;
        height: 3.555555555555556rem;
        font-size: 1.333333333333333em;
    }
    .new_page .hover_web span{
        padding-top: 1.2rem;
    }
    .list_new .row{
        margin-left: -5px;
        margin-right: -5px;
    }
    .list_new .item{
        padding: 0 5px;
    }
    .new_tt{
        font-size: 1.555555555555556em;
    }
    .date{
        font-size: 1em;
    }
    .new_cate{
        font-size: 1em;
    }
    .new_des,.view_more{
        font-size: 1.333333333333333em;
    }
    .view_more span.new_icon{
        width: 2.611111111111111rem;
        height: 2.611111111111111rem;
        font-size: 1.1em;
        line-height: 1.6em !important;
    }
    .new_page .btn_web {
        position: relative;
        left: 0;
        transform: translate(0);
        width: 100%;
        text-align: center;
    }
    .time_and_cate span{
        font-size: 1em;
    }
    .new_content_txt,.photo_tool,.intro_content{
        font-size: 1.333333333333333em;
    }
    .media_slider .hover_web {
        width: calc(100% - 10px);
        left: 5px;
    }
    .sec .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .contact_item{
        padding-left: 5px;
        padding-right: 5px;
    }
    .contact_item .btn_web {
        left: 0;
        display: block;
        text-align: center;
        width: 100%;
    }
    .contact_item h2,.contact_item h3{
        font-size: 1.666666666666667em;
    }
    .contact_item p,.form_note,.lb_td_note{
        font-size: 1.333333333333333em;
    }
    .form_div input{
        height: 3.888888888888889rem;
        font-size: 1.333333333333333em;
    }
    .label{
        font-size: 1.333333333333333em;
        top: 1rem;
    }
    .form_div input:focus ~ .label,.form_div textarea:focus ~ .label,.custom_input_style .label,.custom_input_style textarea .label{
        font-size: 0.8888888888888889em;
        top: .5rem;
    }
    .form_div textarea,.popup_contact .popup_content{
        font-size: 1.333333333333333em;
    }
    .select_form_pages .item_select .ip_select .btn {
        height: 3.888888888888889rem !important;
        padding-top: 1.2rem;
    }
    .list_page_collapes .btn_web{
        height: 3.888888888888889rem !important;
        font-size: 1.333333333333333em;
    }
    .list_page_collapes .btn_web span{
        line-height: 3.888888888888889rem;
    }
    .upload_file .file_input{
        height: 3.888888888888889rem !important;
        font-size: 1.333333333333333em;
        padding-top: .8rem;
        background-size: 5%;
    }
    #tuyendung .home_banner .home_banner_info>.container {
        padding-top: 3.388889em !important;
    }
    .popup_btn_div .btn_web{
        height: 3.888888888888889rem !important;
        font-size: 1.333333333333333em;
        width: 100%;
        margin: .5rem 0;
        display: block;
    }
    .popup_btn_div .btn_web span{
        line-height: 3.888888888888889rem;
    }
    .map_store {
        display: flex;
        padding-bottom: 100%;
    }
    .wap_list_faq .list_page_collapes .card-header {
        padding-left: 0;
        padding-right: 0;
    }
    .wap_list_faq .card-header:after {
        width: calc(100% - 4.444444444444444rem);
        left: calc(2.222222222222222rem);
    }
    .support_div .item{
        padding-left: 5px;
        padding-right: 5px;
    }
    .suport_content p{
        font-size: 1.333333333333333em;
    }
    .suport_content {
        padding: 3rem 1rem;
    }
    .welcome_txt{
        font-size: 1.666666666666667em;
    }
    .main_page_sanpham .main_page_detail:nth-child(2n):after,.new_page_content .sec:nth-child(2n):after,.store_content .sec:nth-child(2n):after,.intro_main_content>.sec:nth-child(2n+1):after{
        width: calc(100% - 10px);
        left: 5px;
    }
    .store_list .contact_item h3,.store_list .contact_item .store_address{
        height: auto;
    }
    .video_detail .btn_web{
        display: block;
        text-align: center;
    }
    .map_banner .contact_item h3{
        font-size: 1em;
    }
    .map_banner .contact_item p{
        font-size: .8em;
        margin-bottom: 0.5555555555555556rem;
        white-space: nowrap;
    }
    .map_banner .contact_item p.pp_txt_mapbaner{
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .map_banner .contact_item p.address_mapbaner{
        white-space: inherit;
    }
    .map_banner .contact_item .btn_web{
        font-size: .8em;
    }
    .map_banner .social_tt,.map_banner .social a{
        font-size: .8em;
    }
    .map_banner .social_tt{
        min-width: 5rem;
    }
    .map_banner .contact_item p span{
        min-width: 6rem;
        margin-right: .5rem;
    }
    .btn_web>img{
        margin-top: -.5rem;
    }
    .map_banner .social.mb{
        margin-top: 1rem;
    }
    .map_banner .social a{
        width: 2.5rem;
        height: 2.5rem;
        margin: 0 .3rem;
    }
    .pp_store_info{
        font-size: 1.333333333333333em;
    }
    .pp_store_info span {
        min-width: 7.6rem;
    }
    .gm-style .gm-style-iw>div,.gm-style .gm-style-iw>div>div{
        max-width: none !important;
        width: 100%!important;
    }
    .pp_head_store .social_tt{
        min-width: 6rem;
    }
    .parameters_tt{
        min-width: 9.222222rem;
    }
    .heart .num{
        left: 3.9rem;
    }
    .select_tool form{
        margin: 0 auto;
    }

    .page_giohang .banner_page {
        border-bottom: none;
    }
    .tool-price {
        width: 100%;
    }
    .list-info {
        padding: 1rem 1.5rem;
    }
    .tool-price p {
        font-size: 1.555555555555556rem !important;
    }
    .tool-price .list-btn .btn {
        font-size: 2rem;
        min-width: 100%;
        width: 100%;
        margin: 1rem 0;
    }
    .notif_box{
        width: 90%;
    }
    .notif_btn .btn_web{
        margin: 1rem 0;
    }
    .notif_txt{
        font-size: 1.3em;
    }
    .sp_detail_order_num {
        float: none;
        width: 100%;
    }
    .sp_detail_order_btn{
        width: 100%;
        float: none;
    }
    .sp_detail_order_num .tt_num_order,.sp_detail_order_num .icon{
        font-size: 1.333333333333333em;
    }
    .sp_detail_order_num .icon{
        margin: 0 .5rem;
    }
    .sp_detail_order_num .num{
        height: 4rem;
        width: 5rem;
        line-height: 3.6rem;
        font-size: 1.333333333333333em;
    }
    .sp_detail_order_btn .btn_web{
        margin-top: 2rem;
        width: 100%;
        text-align: center;
    }
    .fancybox-show-infobar .fancybox-infobar {
        top: 63% !important;
        left: 43% !important;
    }
    .sp_select_tool .item_select {
        width: calc(50% - 1rem);
        float: left;
        margin: .5rem;
    }
    .sp_select_tool .item_select .ip_select{
        margin: 0;
    }
    .sp_select_tool .select_submit{
        float: none;
        left: 0;
        transform: translate(0);
        margin: .5rem;
        width: calc(50% - 1rem);
    }
}