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: 120px;max-width: 100%;}
    .banner .banner-right{width: auto;/* display: none; */}
    .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: 50px; */}
    .banner .banner-l {height: auto;max-height: 50px;max-width: none;}
    .banner > .wikis {padding: 0 0px;}
    #banner .banner .flex {justify-content: 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: 30px 0 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;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#000000)";-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);box-shadow: 0 1px 3px rgba(0,0,0,0.3);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000); }
    #smenu a {font-family: rb;font-size: 18px;margin: 9px;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:after {height: 0;position: relative;}
    #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,.tintuc .tintuc-left,.tintuc .tintuc-right{width: 100%;max-width: 100%;}
    #tintuc .img_ha {display: none;}
    .reserved {position: relative;}
    .col_3 {
    margin: 0 -10px;
}
}
@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: 48%;padding: 10px 0;margin: 0;border-right: none;}
    .ft-3 {width: 50%;padding: 10px 0;}
    .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(33.33% - 20px);margin: 10px;}
    .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: 50px; */}
    .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%;max-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;}
    .quangcao .grid {grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}
    .slick_sp ,.dm-mid{position:relative;width:100%;max-width:100%;padding: 0 10px;}
    .sanpham .slick_sp .item .box-dm {max-width: calc(50% - 5px);margin: 5px 0;width: 100%;}
}
@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(50% - 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) - 20px);margin: 10px;}
    .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% - 10px);}
    a.cat {font-size: 14px;padding: 10px;}
    .sanpham .slick_sp .item .box-dm .mota {/* max-width: 100%; */margin: 5px 0;width: 100%;display: none !important;}

}
@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% - 20px);*/}
}
@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;}
}