html, body {min-width: auto;}
    @media (max-width: 1330px) {
    }
    @media (max-width: 1440px) and (min-width: 1200px) {
    }
    @media (min-width: 1200px) {
        .wikis-l {margin-right: calc(50vw - 600px);}
        .wikis-r {margin-left: calc(50% - 600px);}
        .search {max-width: 100%;}
        .slick_5 .slick-prev {left: 10px;}
        .slick_5 .slick-next {right: 10px;}
        #search_nc .box_sl {flex-grow: 2;width: 100%;}
        #search_nc .box_sl.box_bt_s {width: 115px;flex-grow: 1;}
        .dknt {box-sizing:border-box;}
        .banner-mid {text-align: center;}
        .slick_4 {margin:0 -20px;}
        .slick_4 .pad_15 {padding:20px}
    }
    @media (max-width: 1199px) {
        #bt_menu_com {padding-left:15px }
        .wikis {padding: 0 15px;}
        #menu .menu-line {/* flex-grow: 1; */}
        .menu_com:before {width: 15px;}
        .menu.wikis , .banner .wikis {padding: 0;}
        .slick-sanpham{width: 100%; padding: 0px; margin: 0px;}
        #tuvan {right: 10px;}
        .box-sp .chitiet .ct {padding: 5px;}
        .owl-carousel {padding: 0 15px;}
        .dknt {padding: 20px;}
        .dknt .dk_name {padding: 0;}
        .dknt .bg_f {margin-left: 0;}
        .dknt .bg_f:before {display: none;}
        .col_4 {margin: 0 -10px;}
        .col_4 > div {max-width: calc((100% / 4) - 20px);margin: 10px;}
        #footer {left: 0;}
        .dknt {padding: 40px 40px;}
    }
    @media (max-width: 1099px) {
    }
    @media (min-width: 1100px) {
    }
    @media (min-width: 1100px) and (max-width: 1199px) {
        #menu .sm-blue .menu-line>a {padding: 10px 10px;}
        #menu .menu-line-r>a { padding: 0px 3px ;font-size: 14px;line-height: 30px;}
    }
    @media (max-width: 1199px) and (min-width: 992px) {
        .banner .banner-mid {/* width: calc(100% - 620px); */}
        .menu-r {white-space: normal;}
        .menu-r > span{display:inline-block;}
        .banner .box-news { max-width: 135px; }
        .visao {padding: 0px calc(50% + 20px) 0px 20px;min-height: 500px;}
        .visao .img_bg {width: 50%;}
        #footer:before {width: 515px;}
        .banner-right {padding: 0}
    }
    @media (max-width: 1099px) and (min-width: 992px) {
        #menu .menu-line {/* margin: 0 0px; */}
        #menu .menu-line>a {font-size: 14px;}
        .banner .hotline {margin:0;}
        .menu-r a {white-space: normal;}
        .menu-l {padding: 0 0px;}
        .banner .banner-right {/* margin: 0; */}
        #gioithieu .info-gt,#gioithieu .img-gt{width:49%;}
    }
    @media (min-width: 992px) {
        #banner {margin: 0px auto;}
        .logo img {z-index: 99;position: relative;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
        .box_scroll.scroll-fix .logo img {/* max-height: 50px; */}
        .logo {z-index: 999;}
        .menu_open .logo {margin-left:0 }
        .banner-right .pad_10 {padding:10px 0;}
        .banner_mb {padding: 0;margin: 0;display: none;}
        #slider .slide_l {float: left;width: 66.66%;padding: 10px 0;}
        #slider .slide_r {float: left;width: 33.33%;padding: 5px 0 5px 10px;}
        .chinhanh .main-tit {min-width: 465px;min-height: 375px;padding: 300px 0px 0px 340px;}
        #smenu .cart_menu {color: #000;display: inline-block;padding: 0px 0;margin: 0 0px;vertical-align: middle;position: relative;}
        #smenu .cart_menu:hover {color: #f00;font-weight: bold;}
        #smenu .cart_menu #count_gh {display: inline-block;line-height: 1;color: #f00;}
        .banner .hotline a {color: #fb0303;font-size: 16px;font-family: rb;}
        .col_sp {width: calc(25% - 30px);float: left; padding-left: 40px;box-sizing:initial;}
        .col_sp:nth-child(4n+1) {clear: both;padding: 0;}
        .dk_dl .flex.cot_2 > div {max-width: 49%;}
        .go_map {display: none;}
        .khachhang .box-news .images {padding: 10px;background: #252525;-moz-transform:translate(0, 35px);-webkit-transform: translate(0, 35px);-o-transform: translate(0, 35px);-ms-transform: translate(0, 35px);transform: translate(0, 35px);}
        .khachhang .box-news-r .images {margin: 0 0 0 3%;-moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0, -35px);-webkit-transform: translate(0, -35px);-o-transform: translate(0, -35px);-ms-transform: translate(0, -35px);transform: translate(0, -35px);}
        .khachhang .box-news .info { height: 300px; }
        .box-chinhsach {margin: 25px;background: #fff;padding: 35px 10px;position: relative;}
        .box-chinhsach:before {content: '';position: absolute;left: -25px;right: -25px;top: 0;bottom: 0;background: url('../img/bg-box-l.png') no-repeat left center, url('../img/bg-box-r.png') no-repeat right center;background-size: 25px 100%;}
        .spkm {background: url(../img/bg_spkm.png) no-repeat left center;margin: 0 0 -1px -32px; padding: 10px 70px 10px 30px; z-index: 99; position: relative;line-height: 20px;}
        .htkh {position:absolute;right:0;top: 0;}
        .info_da {position: absolute;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.5);color: #fff;padding: 10px;}
        #tintuc .cot_news {width: 34%;padding: 15px 0;float: left;}
        #tintuc .cot_news.fr {float: right;}
        #tintuc .img_ha {width: 32%;display: inline-block;}
    }
    @media (max-width: 991px) {
        .top-banner {float: none;/* display: none; */}
        .search_box_hide {display: none;position: absolute;top: 100%;right: 0;background: #fff;}
        .flag {padding: 0;}
        .top-banner-l {display: none;}
        .top-banner-r {float: none;text-align: center;}
        #slider .slide_r, .menu_com, .top-b, .top-banner .top-banner-m ,.banner-top {display: none;}
        .banner .banner-right > .flex {display: none;}
        .logo img,.banner_img img {max-height: 85px;max-width: 100%;}
        .scroll-fix .logo img {max-height: 65px;}
        .banner .banner-right{width: auto;/* display: none; */margin: 0;}
        .left {width: 100%;display: none;}
        .box-left.act .left-box ,#call{display: block;}
        #smenu .hotline {color: #fff;line-height: 30px;}
        .dk_email {background-size: cover;}
        .right, .mid, #slider .right, .box-dk-mail, #slider .mid {width: 100%;margin: 0 auto;float: none;padding: 0;}
        .slider,#slider {margin:0;padding:0}
        #slider .right {width: auto;}
        #slider .right > .images {width: 50%;float: left;}
        #slider .wikis {padding: 0;}
        #slider .right .mn-right {padding: 15px;}
        .thuonghieu {display: inline-block;}
        .logo {max-width: 100%;max-height: 85px;}
        .scroll-fix .logo {max-height: 60px;}
        .banner .banner-l {height: auto;}
        .banner > .wikis {padding: 0 0px;}
        #banner .banner .flex {justify-content: space-between;align-items: center;}
        .banner .banner-mid {display: none;}
        .logo_mb {padding: 0;margin: 0;display: block;}
        .search_box_hide {display: none;margin: 0 auto;z-index: 888;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;background: rgba(0, 0, 0, 0.8);position: absolute;top: 100%;right: 0;padding: 0px 10px;}
        .search_box_hide .search{display: block;width: 100%;background: none;margin: 10px 0px;}
        .fixing_tool {position: fixed;top: 0px;left: 0px;right: 0;background: #fff;-moz-box-shadow: 0 3px 5px #7D7D7D;-webkit-box-shadow: 0 3px 5px #7D7D7D;box-shadow: 0 3px 5px #7D7D7D;z-index: 999;}
        #keywords{color: #000;}
        .search .bt-search {font-size: 18px;}
        .search:before {content: none;}
        .visao {padding: 20px 0px 0 0;}
        .visao .flex.col_2>div {max-width: 100%;}
        .visao .img_bg {display: none;}
        #container {padding:15px 0;margin: 0;}
        .khachhang .box-news {margin:20px 0;}
        .banner-hl{display: none;}
        .box-dk-mail {margin:0}
        .ct-l ,.ct-r {width:50% ;}
        #smenu{text-align: center;display: block;z-index: 9;position: relative;}
        #smenu a {/* font-family: rb; */font-size: 18px;margin: 9px 5px;display: inline-block;}
        #smenu > a {color: #fff;}
        #menu{position: absolute;width: 100%;background: rgba(255, 255, 255, 0.9);}
        #menu .sm-blue li a {color: #000;}
        #menu .sm-blue li:hover > a { color: #f00 !important; }
        .menu-l{width: 100%;float: none; margin: 0px;}
        #menu,.menu-r{display: none;float: none;padding: 0;}
        .shotline {color: #f00;margin: 10px;}
        .i-l,.i-r{width: 100%;float: none; margin: 0px 0px 20px 0px;}
        .info-slider {display: none;}
        #gioithieu {padding: 30px 0;}
        #gioithieu .mid {text-align: left;}
        .search_nc .tt {display:none;}
        .owl-prev, .owl-next {opacity: 1;}
        .csach {clear: both;}
        #footer {position: relative;width: 100%;height: auto;}
        #footer:before { display:none;}
        #gioithieu .info-gt,#gioithieu .img-gt{width: 100%;order: 1;}
        #tintuc .img_ha {display: none;}
        .reserved {position: relative;}
    }
    @media (min-width: 768px) {
        #hinhanh {background-size: 50% 600px;}
        .gt_img {position: absolute;left: 0;top: 0;right: 50%;bottom: 0;}
        .gt_img .images {display: none;}
        .gt_info {width: 50%;float: right;padding: 50px ;padding-right: calc(50% - 600px );}
        .gt_img .hidden-xs {position: absolute;width: 55px;top: calc(50% - 143px);right: -13px;}
        #camket .pad_10 {float: left;}
        #slider .mid > .w-clear {margin: 0 -10px;padding: 5px;}
        #slider .mid .fl {width: calc(100%/3*2);padding: 5px;}
        #slider .mid .fr {width: calc(100%/3);padding: 5px;}
        .dknt .flex {-webkit-flex-flow:nowrap;}
    }
    @media (min-width: 768px) and (max-width: 991px) {
        .ft-1 {width: 100%;padding: 10px;}
        .ft-2 {width: 50%;padding: 10px;margin: 0;border-right: none;}
        .ft-3 {width: 50%;padding: 10px;}
        .reserved {POSITION: relative;}
        .col_sp {width: calc(50% - 15px);float: left; padding-left: 30px;box-sizing:initial;}
        .col_sp:nth-child(2n+1) {clear: both;padding-left: 0;}
        .spnb .title-tab .tab {font-size: 16px;}
        #dichvu .mid {width: 60%;float: left;}
        #dichvu .right {width: 38%;float: right;}
        .col_4 > div {max-width: calc((100% / 3) - 20px);}
        .sanpham_nb .flex.col_4> div {max-width: calc(100% / 3);}
        .col_5 > div {max-width: calc((100% / 4) - 20px);}
        .col_3 > div {max-width: calc((100% / 3) - 10px);margin: 5px;}
        .hinhanh .grid.cot_4 .box-ha {height: 160px;}
    }
    @media (max-width: 767px) {
        #hinhanh {background-size: 100% 600px;}
        .datlich {padding: 130px 0 30px 10%;}
        .gt_info {padding: 30px ;}
        .email-dk-r {margin:0 0 20px 0;}
        .spnb .title-tab .tab {font-size: 14px;}
        #visao {background: none !important;}
        .top-banner-l {display:none}
        .dk_dl .pad_15.form_dk { padding: 0 !important;}
        #tuvan {position: relative;top: 0;right: 0;left: 0;width: 100%;margin: 0 auto;}
        .menu-slider {display: none;}
        .i-l-l,.i-l-r,.video-l,.slick-video,.ct-l,.ct-r,.lh-l,.lh-r{width: 100%;float: none; margin: 0px 0px 15px 0px;padding: 0; border: none;}
        .main-tit .name,.title .name {font-size: 30px;}
        .visao .khung:before {left: -15px;right: -15px;}
        .visao:before {display:none;}
        .form_dk {display:block;width:100%; }
        .visao,.dknt {width: 100%;margin: 0;position: relative;}
        .visao .main-tit {margin-left: 0px;}
        #gioithieu .info-gt,#gioithieu .img-gt{width:100%;}
        .email-dk {max-width:100%;width:100%;margin:0 auto}
        .guitar_nb .w_50 {width:100%;float:none;}
        .guitar_nb .info {top: 50%;bottom: auto;-moz-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-o-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
        .video .fr ,.video .fl {width: 100%;max-width: 100%;}
        .video .fr {padding: 0 5px ;}
        .video .fr .col-scroll {max-height: 120px;padding-bottom: 10px;white-space: nowrap;}
        .video .fr .col-scroll>.w-clear {display: inline-block;}
        .video .fr .col-scroll>.w-clear img {height: 90px;width: auto;}
        #gioithieu .img-gt {margin: 15px 0 0 0;}
        #slider .mid .fl {float: none;}
        #slider .mid .fr {display: none;}
        .visao .khung:after {content:none;}
        .chinhsach .col_2>div {max-width: 100%;}
        .grid.cot_2 {grid-template-columns: 1fr;grid-gap: 0px;}
        .grid.cot_3 {grid-template-columns: repeat(2, 1fr);}
        .hinhanh .grid.cot_4 {grid-template-columns: repeat(2, 1fr);}
        .hinhanh .grid.cot_4 .box-ha:nth-child(6n) {grid-column: 1 /3;}
        .visao .khung {padding: 80px 0 30px 0;}
        .box_name {background: none !important;}
        .box_name .title {padding: 15px 20px;min-width: auto;display: block;}
        .box_name .title:before {content: none;}
        .box_name .title .name {font-size:20px}
        .box_name .title .tt {font-size: 14px;}
        .box_name .images {display:block;}
    }
    @media (max-width: 767px) and (min-width: 680px) {
        .ft-1 {width: 100%;padding: 10px 0;}
        .ft-2 {width: 100%;padding: 10px 0;margin: 0;border-right: none;}
        .ft-3 {width: 100%;padding: 10px 0;}
        .col_4 > div {max-width: calc((100% / 2) - 20px);}
        .sanpham_nb .flex.col_4> div{max-width:50%;}
        .col_3 > div {max-width: calc((100% / 2) - 20px);margin: 10px ;}
        .album .flex.col_3 > div {max-width: 50%;}
        .email-dk .box_input {max-width: 100%;margin: 5px;}
        .col_5 > div {max-width: calc((100% / 3) - 20px);}
    }
    @media (max-width: 767px) and (min-width: 480px) {
    }
    @media (min-width: 680px) {
        #khachhang .khung_kh {padding: 0 20px;max-width: 680px;margin: 0 auto; display: none;}
        #khachhang .items_l {display: block;margin: 5px;}
        #sanpham .right {width: 300px;float: right;}
        #sanpham .mid {width: calc(100% - 300px);float: left ;padding: 0;}
        #gioithieu .title .tt>span {display:block;} 
    }
    @media (max-width: 679px) {
        #banner .banner .flex {flex-wrap: nowrap;}
        .logo {padding: 0;float:none;}
        .title_dm {font-size: 60px;}
        .banner .banner-right {width: auto;}
        .box-ds {max-width: 680px;overflow-x: scroll;}
        .ds_dh {width: 680px;}
        .col_4 > div {max-width: calc((100% / 2) - 20px);margin: 10px;}
        .sanpham_nb .flex.col_4> div {max-width: 50%;}
        .gioithieu .flex > div {max-width: 50%;}
        .col_4.flex {margin: 0 -10px;}
        .col_3 > div {max-width: calc((100% / 2) - 10px);margin: 5px ;}
        .album .flex.col_3 > div {max-width: 100%;}
        .email-dk .box_input {max-width: 100%;}
        .ft-1,.ft-2,.ft-3 {width: 100%;padding: 10px 0;margin: 0 auto;border: none;}
        .search_nc .item {flex-grow:1;}
        .khung_baogia {padding: 20px 30px ;}
        .col_5 > div {max-width: calc((100% / 2) - 20px);}
        .box-dmnb {-webkit-flex-flow: row wrap;}
        .box-dmnb .images ,.box-dmnb .info {flex-grow: 1;width: 100%;padding: 15px;max-width: 100%;}
        .col_2 > div {max-width: calc(100%- 30px);}
        a.cat {font-size: 14px;padding: 10px;}
    }
    @media (min-width: 480px) {
    }
    @media (max-width: 479px) {
        .col_sp, .col_4 > div{width: calc(50% - 10px);margin: 5px;max-width: calc(50% - 10px);}
        .gioithieu .flex > div {max-width: 100%;width: 100%;}
        .duan .col_4 > div {max-width: calc(50% - 10px); }
        .col_4.flex {margin: 0 -10px;}
        .owl_dv .fl {width: 100% !important;float: none;}
        .box-ld {width: 100%;padding: 5px 0 !important;}
        .top-banner-r .vs_m {display:inline-block;}
        .top-banner-r .vs_l {display:none;}
        .baogia {padding:0}
        .baogia .khung_baogia:before{content:none;}
        .hinhanh .grid.cot_4 .box-ha {height: 160px;}
        .col_3 > div {max-width: calc(100% - 10px);}
    }
    @media (max-width: 380px) {
        .lh-con-l,.lh-con-r{width: 100%;float: none;margin: 0px; padding: 0px;}
        .lh-con-r{margin-bottom: 10px;}
        .box-news-img,.box-news1-img{ max-width: 110px;}
    } 
    @media (max-width: 320px) {
        .col_3 > div {max-width: calc(100% - 10px);}
        .grid.cot_3 {grid-template-columns: 1fr;}
    }