@font-face {
    font-family: hel;
    src: url(../fonts/helveticaneue.ttf);
}
@font-face {
    font-family: helbold;
    src: url(../fonts/helveticaneuebold.ttf);
}
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Spectral:400,700&display=swap');
a{moz-transition:all .3s;ms-transition:all .3s;o-transition:all .3s;transition:all .3s;webkit-transition:all .3s}
a:hover,a:active,a:focus{text-decoration:none!important}
img{max-width: 100%;}
body{font-size: 15px;margin:0;font-family: hel; right: 0px;transition: all 0.3s;position: relative;}
body p{font-size:15px;margin:0;font-family: hel;}
.hide{display:none!important}
.clear60{clear:both;height:60px}
.clear40{clear:both;height:40px}
.clear20{clear:both;height:20px}
.clear10{clear:both;height:10px}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
.nopadding{padding:0!important}
.nomargin{margin:0}
.fullwidth{width: 100%;}
.clwhite{color: #fff;}
.clblack{color: #000;}
.bold{font-family: helbold;}
.medi{font-weight: 500;}
.flex{display: flex;align-items: center;}
.align-items-center { display: flex; align-items: center; }
.flex-end{display: flex;justify-content: flex-end;}
.flex-n{display: flex;}
.flex-bw{display: flex;align-items: center;justify-content: space-between;}
.flex-wrap{display: flex;flex-wrap: wrap;}
.show1199{display: none;}
.show991{display: none;}
.show767{display: none;}
.show480{display: none;}
.clred{color: #dd0000;}
.montser{
	font-family: 'Montserrat', sans-serif;
}
.spectra{
	font-family: 'Spectral', serif;
}
header{
	background: #fff;
}
.block-headtop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.stylish-input-group .input-group-addon{
    background: white !important; 
    padding: 0;
    width: 30px;
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.search-httv{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 300px);
}
#imaginary_container .input-group{
	width: 100%;
}
.ht-tv {
    display: flex;
    align-items: center;
}
.ht-tv img{
	margin-right: 10px;
}
.big-text {
    font-family: helbold;
    font-size: 16px;
}
.big-text a{
	color: #1C2432;
}
.header-top {
    padding: 10px 0;
}
.header-bottom{
	background: #1C2432;
	border-bottom: 1px solid #fff;
}
.ul-main-menu{
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-right: 1px solid #fff;
}
.ul-main-menu > li > a{
	color: #fff;
	padding: 10px 13px;
	display: inline-block;
	font-size: 17px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
.ul-main-menu > li:hover > a{
	color: #e0b658;
}
.has-sub{
	position: relative;
}
.ul-sub-menu{
	position: absolute;
	top: 100%;
	width: 250px;
	list-style-type: none;
	padding: 0;
	display: none;
	border-top: 10px solid transparent;
	border-bottom: 20px solid #fff;
	z-index: 9999;
}
.ul-sub-menu > li > a{
	display: block;
	color: #000;
	background: #fff;
	padding: 5px 20px;
	font-size: 16px;
	border-bottom: 1px solid transparent; 
}
.ul-sub-menu > li:hover > a{
	border-bottom: 1px solid #ccc; 
	color: #e0b658;
}
.ul-sub-menu > li:first-child > a{
	padding-top: 20px;
}
.ul-sub-menu:before {
    bottom: 100%;
    left: 50px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(102, 102, 102, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.has-sub:hover .ul-sub-menu{
	display: block;
}
.has-sub-2{
	position: relative;
}
.ul-sub-menu-2{
	position: absolute;
	top: 0;
	left: 100%;
	background: #fff;
	list-style-type: none;
	padding: 0;
	width: 250px;
	border-bottom: 20px solid #fff;
	display: none;
	z-index: 9999;
}
.ul-sub-menu-2 > li > a{
	display: block;
	color: #000;
	background: #fff;
	padding: 5px 20px;
	font-size: 16px;
	border-bottom: 1px solid transparent; 
}
.ul-sub-menu-2 > li:first-child > a{
	padding-top: 20px;
}
.ul-sub-menu-2 > li:hover > a{
	border-bottom: 1px solid #ccc; 
	color: #e0b658;
}
.has-sub-2:hover .ul-sub-menu-2{
	display: block;
}
.item-banner{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ct-banner{
	position: absolute;
	width: 1140px;
	text-align: left;
}
.item-banner .ct-banner h2{
	text-indent: 50%;
	opacity: 0;
	visibility: hidden;
	transition: all 1s;
}
.item-banner.active .ct-banner h2{
	text-indent: 0;
	opacity: 1;
	visibility: visible;
	transition: all 1s;
}
.timhieu{
	display: inline-block;
	color: #fff;
	font-family: helbold;
	background: #1C2432;
	padding: 10px 50px;
	border-radius: 3px;
	position: relative;
	top: 200px;
	visibility: hidden;
	opacity: 0;
	transition: all 1s;
}
.item-banner.active .timhieu{
	top: 0;
	visibility: visible;
	opacity: 1;
	transition: all 1s;
}
.timhieu:hover{
	background: #fff;
}
.main-slider .lSSlideOuter{
	position: relative;
}
.main-slider .lSSlideOuter .lSPager.lSpg{
	position: absolute;
	margin: 0 !important;
	bottom: 30px;
	width: 100%;
}
.main-slider .lSSlideOuter .lSPager.lSpg > li a{
	background: #fff;
	width: 14px;
	height: 14px;
	border-radius: 0;
}
.main-slider .lSSlideOuter .lSPager.lSpg > li:hover a, 
.main-slider .lSSlideOuter .lSPager.lSpg > li.active a{
	background: #428bca;
}
.ul-phanphoi{
	display: flex;
	align-items: center;
	justify-content: space-around;
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	width: 80%;
}
.main-list-phale{
	background: #f7f7f7;
}
.block-list-pl > a{
	display: block;
	position: relative;
	overflow: hidden;
}
.block-list-pl:hover > a span{
	color: #e0b658;
}
.block-list-pl:hover > a img{
	transition: all 0.5s;
}
.info-sp {
    position: absolute;
    bottom: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    color: #fff;
}
.tht {
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: all 0.5s;
    font-family: 'Spectral', serif;
}
.block-list-pl:hover .tht{
	visibility: visible;
    height: 21px;
    opacity: 1;
    transition: all 0.5s;
    font-family: 'Spectral', serif;
}
.name-sp {
    font-size: 24px;
    font-family: 'Spectral', serif;
    font-weight: 700;
    text-transform: uppercase;
}
.block-list-pl{
	margin-bottom: 2px;
}
.block-list-pl > a:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-image: linear-gradient(transparent, #000);
}
.main-news-video{
	background: #f7f7f7;
}
.tit-boder{
	margin: 0;
	font-family: helbold;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.tit-boder:after{
	content: "";
	display: block;
	width: 100px;
	height: 5px;
	background: #007fb5;
	margin-top: 10px;
}
.block-dath:hover img{
	transition: all 0.5s;
}
.block-dath:hover h4 a{
	color: #e0b658;
}
.block-dath > a{
	display: block;
	overflow: hidden;
}
.p-list-home-home > a {
    display: flex;
    align-items: baseline;
    font-family: helbold;
}
.p-list-home-home i {
    margin-right: 10px;
    color: #f37b20;
    font-size: 10px;
    position: relative;
    top: -2px;
}
.p-list-home-home {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.list-news-home .p-list-home-home:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 15px;
}
.video-home iframe{
	width: 100%;
	height: 350px;
}
footer{
	background: #f2f2f2;
}
.list-address p{
	margin-bottom: 10px;
}
.list-ft{
	list-style-type: none;
	padding-left: 20px;
}
.list-ft > li{
	margin-bottom: 10px;
}
.social > a{
	display: inline-block;
	margin-right: 10px;
}
.dmca{
	text-transform: uppercase;
	color: #fff;
	font-family: helbold;
	padding: 5px;
}
.dmca{
	text-transform: uppercase;
	color: #fff;
	font-family: helbold;
	padding: 5px;
	background: #9d9fa2;
	font-size: 12px;
}
.protected{
	text-transform: uppercase;
	color: #fff;
	font-family: helbold;
	padding: 5px;
	background: #221e1f;
	font-size: 12px;
}
.main-breacrumb{
	background: #f2f2f2;
	padding: 10px 0;
}
.p-link-aside{
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.p-link-aside a{
	color: #000;
	font-weight: 500;
}
.p-link-aside:hover a{
	color: #e0b658;
}
.p-link-aside.acti a{
	font-family: helbold;
	color: #1C2432;
}
.link-aside .p-link-aside:last-child{
	border-bottom: none;
	margin-bottom: 10px;
	padding-bottom: 0;
}
.div-contact {
    width: 60%;
    margin: 0 auto;
}
.guingay {
    font-family: helbold;
    background: #1C2432;
    border-radius: 2px;
}
.main-tuvan-lh{
	background: url(../img/backg-tuvan.jpg) top center no-repeat;
	background-size: cover;
	position: relative;
}
.main-tuvan-lh:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgb(0,0,0,0.7);
}
.main-tuvan-lh .container{
	position: relative;
	z-index: 9;
}
.clorane{
	color: #c7680b;
}
.block-tuvan{
	display: inline-block;
	margin-bottom: 20px;
	text-align: left;
}
.form-dk .stylish-input-group .input-group-addon {
    background: #1C2432 !important;
    height: 38px;
    width: 30px;
    color: #fff;
    font-family: helbold;
    padding: 10px 15px;
    border-radius: 0 50px 50px 0;
}
.form-dk .stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
	padding: 10px 15px;
	height: 38px;
	border-radius: 50px 0 0 50px;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.form-dk {
    width: 50%;
    margin: 0 auto;
}
.form-dk .input-group{
	width: 100%;
}
.clblue{
	color: #1C2432;
}
.block-hethong{
	margin-bottom: 20px;
}
.ggmap {
    width: 100%;
    height: 600px;
}
.diachi-hethong {
    height: 500px;
}
.slider-pro .lSSlideOuter .lSPager.lSGallery img{
	margin: 0 auto;
}
.slider-pro{
	position: relative;
}
.prev-pro{
	position: absolute;
	cursor: pointer;
	bottom: 40px;
	left: 0;
	font-size: 30px;
	color: #ccc;
}
.next-pro{
	position: absolute;
	cursor: pointer;
	bottom: 40px;
	right: 0;
	font-size: 30px;
	color: #ccc;
}
.hasbd:after{
	content: "";
	display: block;
	height: 1px;
	width: 40%;
	background: #ccc;
	margin-top: 15px;
}
.hasbd{
	margin-bottom: 15px;
}
.thongso > p:first-child{
	width: 140px;
	float: left;
}
.thongso > p:last-child{
	width: calc(100% - 140px);
	float: left;
}
.thongso{
	margin-bottom: 15px;
}
.pubts{
	margin-right: 20px;
}
.item-pro-rela {
    border: 2px solid #f2f2f2;
    padding: 20px;
}
.sanpham-relative{
	width: calc(100% - 130px);
	margin: 0 auto;
}
.main-pro-rela{
	position: relative;
}
.main-pro-rela .codinh.active:hover {
    border-left: 2px solid #f36f21;
}
.prev-prorl{
	position: absolute;
	cursor: pointer;
	top: calc(50% - 22.5px);
	left: -65px;
	color: #ccc;
}
.next-prorl{
	position: absolute;
	cursor: pointer;
	top: calc(50% - 22.5px);
	right: -65px;
	color: #ccc;
}
.tit-dmth{
	color: #1C2432;
	margin: 0;
	text-transform: uppercase;
	font-family: helbold;
	border-bottom: 1px solid #1C2432;
	margin-bottom: 20px;
	font-size: 20px;
}
.tit-dmth:after {
    content: "";
    display: block;
    width: 100px;
    height: 5px;
    background: #1C2432;
    margin-top: 10px;
    position: relative;
    top: 3px;
}
.list-asi{
	margin-bottom: 5px;
}
.list-asi a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	text-transform: uppercase;
}
.block-dmth {
    margin-bottom: 30px;
}
.list-asi a > span:last-child{
	font-size: 14px;
	color: #848484;
}
.list-asi:hover a{
	color: #e0b658;
}
.dmtop {
    display: flex;
    margin-bottom: 30px;
}
.dmtop img {
    width: 50%;
}
.nd-dmtop{
	background: #ebebeb;
	padding: 20px;
	width: 50%;
}
.tit-list{
	color: #1C2432;
	margin: 0;
	text-transform: uppercase;
	font-family: helbold;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 20px;
	font-size: 20px;
	position: relative;
}
.tit-list:after {
    content: "";
    display: block;
    width: 100px;
    height: 5px;
    background: #ebebeb;
    margin-top: 10px;
    position: relative;
    top: 3px;
}
.tit-list.tit-list-ct{
    color: #444444;
    font-size: 15px;
    text-transform: unset;
    font-weight: 400;
}
.xemall {
    position: absolute;
    right: 0;
    top: 7px;
    font-size: 14px;
    color: #000;
    text-transform: none;
    font-weight: 500;
}
.codinh{
	position: relative;
}
.xemsp{
	display: none;
}
.xemsp > span{
	border: 1px solid #f36f21;
	color: #f36f21;
	background: #fff;
	padding: 5px 20px;
	font-family: helbold;
}
.codinh:hover{
	border: 1px solid #f36f21;
}
.codinh:hover > .xemsp{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(255,255,255,0.8);
	display: flex;
	align-items: center;
	justify-content: center;
}
.xemsp > span:hover{
	background: #f36f21;
	color: #fff;
}
.item-pro-rela.codinh{
	margin-bottom: 30px;
}
.block-list-sanpham{
	margin-bottom: 20px;
}
.pagi-right{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.pagi-right a{
	display: inline-flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	font-family: helbold;
	color: #000;
}
.pagi-right a.acti{
	color: #fff;
	background: #1C2432;
}
.big-newsm {
    position: relative;
    height: calc(100% - 15px);
}
.big-newsm > a, .small-newsm > a {
    display: block;
    overflow: hidden;
    height: 100%;
}
.big-newsm img, .small-newsm img {
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}
.content-newsm {
    position: absolute;
    background: rgb(0,0,0,0.5);
    padding: 20px;
    bottom: 0;
    left: 0;
    width: 100%;
}
.tit-newsm {
    font-size: 18px;
    font-family: helbold;
}
.title-smnews {
    font-size: 14px;
    margin: 10px 0;
    height: 40px;
    overflow: hidden;
}
.search-tt .stylish-input-group .form-control{
	background: #eff0f2;
	border-radius: 50px 0 0 50px;
}
.search-tt .stylish-input-group .input-group-addon{
	padding: 6px 12px;
	background: #eff0f2 !important;
	width: auto;
	border-radius: 0 50px 50px 0;
}
.news-xt i{
	color: #ed1c24;
	margin-right: 10px;
}
.news-xt{
	font-weight: 500;
}
.block-list-news {
    margin-bottom: 30px;
}
.pagi-news{
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagi-news > span{
	padding: 5px 10px;
	border: 1px solid #ccc;
	margin: 0 3px;
	font-size: 13px;
	font-family: helbold;
}
.pagi-news > span > a{
	color: #ffb564;
}
.pagi-news > span.acti-pagi > a{
	color: #000;
}
.bang-dk p{
	margin-bottom: 10px;
}
.block-bn-asi{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
}
.block-bn-asi img{
	height: 100%;
	object-fit: cover;
}
.bang-dk{
	position: absolute;
	height: calc(100% - 30px);
	width: calc(100% - 15px);
	background: rgba(255, 255, 255, 0.8);
	padding: 15px;
}
.asi-right-list ul{
	list-style-type: none;
	padding-left: 10px;
	margin: 0;
}
.asi-right-list ul > li > a{
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
	color: #000;
}
.block-bvm .a-bvm{
	float: left;
	width: 100px;
	margin-right: 10px;
}
.block-bvm .nd-bvm{
	float: left;
	width: calc(100% - 120px);
	font-size: 12px;
}
.block-bvm{
	margin-bottom: 15px;
}
.tag-bl a{
	font-style: italic;
}
.item-tlq p{
	text-align: left;
}
.prev-tlq img,
.next-tlq img{
	width: 15px;
	cursor: pointer;
}
.next-tlq img{
	margin-left: 10px;
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 70px;
    right: 20px;
    display: none;
    background: #4784a1;
    border: none;
    border-radius: 50%;
    height: 50px;
    padding: 0;
    width: 50px;
}
.back-to-top span {
    position: relative;
    top: 15px;
}
.block-dm-top h3{
	font-size: 20px;
}
body h2{font-size: 22px;}
.main-slider-duan{
	position: relative;
}
.prev-duan{
	position: absolute;
	top: calc(50% - 50px);
	cursor: pointer;
	left: 0;
	height: 50px;
	width: 30px;
	background: rgba(85, 85, 85, 0.8);
	color: #fff;
	border-radius: 0 50px 50px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.next-duan{
	position: absolute;
	top: calc(50% - 50px);
	cursor: pointer;
	right: 0;
	height: 50px;
	width: 30px;
	background: rgba(85, 85, 85, 0.8);
	color: #fff;
	border-radius: 50px 0 0 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pub-slgall{
	background: #212124;
}
.main-slider-dapage{
	width: 50%;
	margin: 0 auto;
	position: relative;
}
.block-slthumb{
	width: 30%;
	margin: 0 auto;
	position: relative;
}
.prev-gall{
	position: absolute;
	font-size: 40px;
	left: -40px;
	top: calc(50% - 20px);
	color: #fff;
	cursor: pointer;
}
.next-gall{
	position: absolute;
	font-size: 40px;
	right: -40px;
	top: calc(50% - 20px);
	color: #fff;
	cursor: pointer;
}
.prev-gallthumb{
	position: absolute;
	font-size: 20px;
	left: -20px;
	top: calc(50% - 10px);
	color: #fff;
	cursor: pointer;
}
.next-gallthumb{
	position: absolute;
	font-size: 20px;
	right: -20px;
	top: calc(50% - 10px);
	color: #fff;
	cursor: pointer;
}
.tit-project{
	background: #f7f7f7;
}
.ul-sub-menu.sub-lh{
	left: -30px;
	width: 150px;
}
.header-bottom.sticky-ghim {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
}
.giohang a{
	display: block;
	position: relative;
	width: 47px;
	height: 47px;
}
.giohang a img{
    display: inline-block;
    border: 1px solid;
    padding: 10px;
    border-radius: 50%;
}
.giohang a span{
    position: absolute;
    top: -5px;
    right: -5px;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.nutdathang{
	margin-top: 10px;
}
.nutdathang a{
	display: inline-block;
	background: #337ab7;
	color: #fff;
	font-weight: 500;
	padding: 5px 15px;
	border-radius: 4px;
	cursor: pointer;
}
.td-giohang {
    background: #bf1930;
    margin: 10px 0;
}
.td-giohang p {
    background: #337ab7;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 10px;
    font-weight: 700;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.item-giohang {
    margin: 15px 0;
    background: #f6f6f6;
    padding: 10px;
    border: 1px solid #ccc;
}
.edit-remo-gh {
    display: inline-flex;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    align-items: center;
    justify-content: center;
    color: #000;
    margin-right: 5px;
}
.edit-remo-gh {
    display: inline-flex;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    align-items: center;
    justify-content: center;
    color: #000;
    margin-right: 5px;
}
.tieude-gh {
    margin-left: 20px;
    font-weight: 800;
    font-size: 18px;
    display: inline-block;
    width: calc(100% - 100px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.font20 {
    font-size: 18px;
}
.input-group-prepend {
    float: left;
}
#qty_input {
    width: 50px;
    float: left;
    padding: 0;
    height: 24px;
    text-align: center;
    border-radius: 0;
    background: none;
    border: 1px solid;
    box-shadow: none;
    border-left: 0;
    border-right: 0;
}
.input-group-prepend button {
    background: none;
    border-radius: 0;
    outline: none !important;
    border: 1px solid;
}
.img-sp-gh {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
.agh {
    width: 120px;
    float: left;
    margin-right: 35px;
}
.ct-agh {
    float: left;
    padding: 0;
    width: calc(100% - 155px);
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.a-thanhtoan {
    display: inline-block;
    text-align: center;
    padding: 10px 15px;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    background: #bf1930;
    border-radius: 7px;
}
.dk-gg {
    background: #337ab7;
    text-align: center;
    color: #fff;
    padding: 7px 15px;
    border: none;
    box-shadow: none;
    width: 100%;
    font-weight: 800;
    font-size: 18px;
    border-radius: 4px;
    display: block;
}
.diachigiaohang {
    border: 1px solid #ccc;
    border-radius: 5px;
}
.top-dcgh {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #337ab7;
    padding: 10px 15px;
    border-radius: 5px;
}
.top-dcgh h4 {
    font-size: 18px;
}
.bt-dcgh {
    padding: 20px;
}
.clxd{
	color: #337ab7;
}
.tab-giohang table tr td{
	padding: 10px 15px;
	text-align: center;
	vertical-align: middle;
}
.tab-giohang table tr{
	text-align: center;
	border: 1px solid #ccc;
}
.th-img{
	width: 150px;
}
.td-tsp{
	font-size: 18px;
	font-weight: 700;
}
.td-gia{
	font-size: 18px;
	font-weight: 700;
	color: #337ab7;
}
.td-total{
	font-size: 18px;
	font-weight: 700;
	color: #337ab7;
}
.th-total {
    width: 140px;
}
.th-gia {
    width: 140px;
}
.th-sl{
	width: 145px;
}
.th-tsp{
	width: calc(100% - 685px);
}
.tab-giohang table thead tr{
	background: #eee;
}

.tab-giohang table thead tr th{
	padding: 15px;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
}
.tab-giohang table tr td:last-child,
.tab-giohang table tr th:last-child{
	border-right: 1px solid #ccc;
}
.dmtmb{
	font-size: 18px;
	color: #000;
	font-weight: 700;
}
.form-control.quantity-cart{
    height: 24px;
    border: 1px solid;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    text-align: center;
    padding: 5px 10px;
    width: 50px;
}
.sub-aside > a {
    display: block;
    color: #333;
    padding: 3px 0;
    font-size: 16px;
}
.sub-aside > a:hover {
    color: #e0b658;
}
.sub-aside{
	margin-bottom: 10px;
	padding-left: 20px;
}
.list-asi.active-sub{
	margin-bottom: 0;
}
.list-asi.active-sub a{
	font-family: helbold;
}
.header-new {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    padding: 0 60px;
    transition: all 0.5s;
    padding-top: 30px;
}
.main-head-new{
	position: relative;
	z-index: 9;
}
.header-new:before{
	content: "";
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), transparent);
	z-index: 1;
}
.header-new.fixed-header-new:before{
	content: unset;
}
.cart-search-top a{
	color: #fff;
	display: inline-block;
	margin-left: 15px;
}
.modal-backdrop{
	z-index: 999999;
}
.modal{
	z-index: 9999999;
}
.modal-open{
	padding: 0 !important;
}
.header-new.fixed-header-new{
	top: 0;
	transition: all 0.5s;
	background: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}

.cskh p a {
    color: #FFF;
}
.cskh p {
    color: #fff;
}

.header-new.fixed-header-new .cskh p,
.header-new.fixed-header-new .cskh a,
.header-new.fixed-header-new .cskh b
{
    color: #000;
}

.header-new.fixed-header-new .logo img{
	height: 50px;
}
.header-new.fixed-header-new .ul-main-menu > li > a{
	color: #000;
}
.header-new.fixed-header-new .ul-main-menu{
	border-right: 1px solid #000;
}
.header-new.fixed-header-new .cart-search-top a{
	color: #000;
}
.item-banner img{
	height: 100vh;
	object-fit: cover;
}
.news-khung-phale {
    padding: 0 1px;
}
.news-khung-phale .row{
	margin: 0 -1px;
}
.news-khung-phale .row .col-md-4{
	padding: 0 1px;
}
.main-noithat-phongthuy{
	background: url(../img/back-noithat.jpg) top center no-repeat;
	background-size: cover;
}
.main-noithat-phongthuy .block-list-pl .tht {
    visibility: visible !important;
    height: auto;
    opacity: 1 !important;
    transition: unset !important;
    font-family: 'Spectral', serif;
    border: 1px solid #fff;
    padding: 5px 10px;
}
.main-noithat-phongthuy .name-sp{
	margin-bottom: 15px;
	font-size: 18px;
}
.col-md-3.order-2 {
    width: 20%;
}
.col-md-9.order-1 {
    width: 80%;
}
.quick-alo-phone .quick-alo-show {
    visibility: visible;
}
.quick-alo-phone {
    position: fixed;
    z-index: 998;
    visibility: hidden;
    background-color: transparent;
    height: 200px;
    width: 82px;
    height: 64px;
    right: 150px;
    top: 60%;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
}
.quick-alo-phone .quick-alo-green .quick-alo-ph-circle {
    border-color: #00A1FF;
    opacity: 0.5;
}
.quick-alo-ph-circle {
    position: fixed;
    z-index: 998;
    width: 160px;
    height: 160px;
    bottom: -30px;
    left: -20px;
    border: 2px solid #e0b658;
    background-color: transparent;
    border-radius: 100%;
    opacity: .1;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
}
.quick-alo-phone .quick-alo-green .quick-alo-ph-circle-fill {
    background-color: rgb(246, 202, 98);
    opacity: .75 !important;
}
.quick-alo-ph-circle-fill {
    position: fixed;
    z-index: 998;
    width: 100px;
    height: 100px;
    bottom: 0;
    left: 10px;
    background-color: #e0b658;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
    background-color: #00A1FF;
}

.contact-fixed {
    position: fixed;
    z-index: 998;
    bottom: 20px;
    right: 30px;
}
.quick-alo-zalo-ph-img-circle {
    margin: 5px 0;
    width: 60px;
    height: 60px;
    background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAACJVBMVEUAAAALbfsUcvufxv0BXN8EaPseePz5/P4ofvsAZvoAaP7z9PTz9PQGafsIavvT5f4Ja/sScPujyP1zrP0ndORJkvwBW98OcP79/v4Uc/z9/v4Eafyuz/2WwP0AYvE0hfx9sv45iPyw0f79/v79/v4AZ/z9/v7x9v3v9f0ZdPv9/v78/v4hev3f7P7b6f7X5/7Q4fj3+/41hvwBW9/9/v7I3v0AaP5Bjv0PbvsLYeABW9+20vlUmv1Znf0fePteoP0XaeL9/v6SufEba+La6f7C2/6Nu/79/v79/v4AZfcAZvsBW98AZvsAY/P9/v79/v79/v4BW98AaP4AZvsBW98BW9/9/v4AaP79/v4AZvv9/v79/v4BW9/9/v7q8v7n8Pvj7v4CXN8Daf0nffv9/v4ug/7O4fv9/v79/v5Mlf6xzfWqzP3t9f6iw/P9/v4AaP4Zdfvr8/5kofwBW9/c6v6Qvf0AaP7T5f5sp/wmfPssgPsjcOOEtv2NtvBno/wBW9/T5f671/2ny/5ypO1lovxonewBW9+exf2WwP2kyf1jmusBW98AaP4AaP4AaP4AYu8BW98BW98AZff9/v79/v79/v4BW98AaP4AaP4BW9/9/v4AZfcBW985f+YAaP4AZff9/v79/v7H2/cAaP79/v49jP6Iuf79/v79/v79/v4BW9/9/v4AaP4BW9/6/P4EaPsFafvu9f7y+P78/v71+f73+/4Fa/4MK44yAAAAq3RSTlMA5tzV9P317M4RCwgG9O/t6t/Y0NDI/vz7+vXw3NbUz87Ny7CinxT9/Pj28/Lx7+7r6urq6Ojk4+Lg4N7a2NbV1dPT09DNy8C8uLGklYKAaWVhUElGQTMtKycfGxsY/Pr5+Pbv7uzq4uDf3Nva2djY2NfW1dTU09LS0tHR0NDPz87OzczLy8vKysnJyMfGxcW6rauqppeSioB9dnZwa2ZfXVlYV0o/GhAPDgeQH1oTAAACfklEQVQ4y43U9VvbQBjA8auv1GkHLS0UtlIcxmC4M2RjMNgGY8jc3d3d3d3tvSYZLfv7uEvIU03Sz9M+z/3wfZI39ySHUjCbTCYzUjQ21JcDgt2Bz3+kQ/NwJ8QpDYxLpF92QbJnkynKn/2QUtlwUvqjFqQEEp5zzRGQ1v87Nl3bCnL6TNF0/dblIOs5EmUc0odB3mqxXYXzQUHpxPwEGF8GJYuFdiXGBlA0RtMNGGcDpHfhVxjXA+XTCCpAlHk+2rqDpK3DuB0oFSvIBJGKi98KMgJ2AnV9IXGYdcwmtJEZcYhPpO0FUYXVW0XureYsBW1+vrWd0bEOeqvtCA1iHN3eGbVuH0Au52mv5zg1bSutXOtpD5sLACZUKM5A+dmLAIy9vJphrghtAXuKYar1dgYgSHcXt4DAyZ4NAyzjbjGEnm/tS+n6NmsDmEYrSLsDeD5dQzHQ9k5i20vbCb797wai0muxATFr3WZgmB5xhuMMY9BbyQyT6Ckm9pMkrGZVC6jmE1yJs2X+2aos3NH8Ev7ZpslLRiwiy82sQOcDjYOz+B1qUHMAO9t0bIMGiF/oHW33APFPEOE3jyF/8uPXG4FHPh+SpvWiHUTIiIUhFL1ACD2kbblbsf1O2o/pXbiW/zK9tM1WmngIUa8x1SOf5gSFT76OtgonxFvxgKIzlMmmneKZRt/LqwBQtERygvHowfPA03XhrmtLyCVRf0VRxpN5WSEqy3UgkhgWdX1AsYz3SSzQuq41F4vdpr03zmlHULyMwrxQDG1jR3d3R6OWLGvWoSTfHoVSeTKFUjAOapPKe/xFU9bvL8UNMjCK5EyNvHx8rKmm6ebAm9G/KN4cFhA9K0eWXisAAAAASUVORK5CYII=") no-repeat center center;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .99;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    transform-origin: 50% 50%;
}

.quick-alo-phone-ph-img-circle {
    margin: 5px 0;
    width: 60px;
    height: 60px;
    background:  url("data:image/png;base64,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") no-repeat center center;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .99;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    transform-origin: 50% 50%;
}
.quick-alo-phone .quick-alo-green .quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
    background-color: #ff0101;
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }
    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}
@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}
@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }
    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}
@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}
#VCc{
	background: unset !important;
}
.block-dentrangtri{
	padding: 0 2px;
}
.item-slduan{
	margin-bottom: 30px;
}
.main-duanthuchien .xemsp{
	display: inline-block;
}
.xemsp > span{
	padding: 10px 20px;
}
.block-showroom,
.block-slider-mobile{
	position: relative;
}
.next-sr,
.next-spmb{
	position: absolute;
	font-size: 60px;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	color: #fff;
	z-index: 2;
	cursor: pointer;
}
.prev-sr,
.prev-spmb{
	position: absolute;
	font-size: 60px;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
	color: #fff;
	z-index: 2;
	cursor: pointer;
}
.nd-dmtop-cus{
	text-align: center;
	margin-bottom: 30px;
}

@media (max-width: 1299px){
	.ul-main-menu > li > a{
		padding: 10px;
		font-size: 15px;
	}
}

@media (max-width: 1199px){
    .show1199{display: block;}
    .hide1199{display: none;}
    .search-httv{
    	width: calc(100% - 150px);
    }
    .ul-main-menu > li > a{
    	font-size: 15px;
    }
    .dmtop img{
    	width: 50%;
    	height: 100%;
    }
    .block-bn-asi{
    	height: 350px;
    }
    .block-bvm .a-bvm{
    	float: none;
    	width: 100%;
    	display: block;
    	margin: 0;
    	margin-bottom: 10px;
    }
    .block-bvm .a-bvm img{
    	width: 100%;
    }
    .block-bvm .nd-bvm{
    	float: none;
    	width: 100%;
    	font-size: 15px;
    	clear: both;
    }
    .block-bvm .nd-bvm a{
    	display: block;
    }
    .ct-banner{
    	width: 940px;
    }
    .main-slider-dapage{
		width: calc(100% - 100px);
		margin: 0 auto;
		position: relative;
	}
	.block-slthumb{
		width: 50%;
		margin: 0 auto;
		position: relative;
	}
	.header-new{
		padding: 0 15px;
	}
	.ul-main-menu > li > a {
	    padding: 10px 7px;
	    font-size: 14px;
	}
}

@media (max-width: 991px){
    .show991{display: block;}
    .hide991{display: none;}
    .tab-giohang table tr td:last-child, .tab-giohang table tr th:last-child{
    	border-right: none;
    }
    .tab-giohang table, .tab-giohang table td, .tab-giohang table tbody{
    	display: block;
    }
    .tab-giohang table thead{
    	display: none;
    }
    .tab-giohang table tr{
    	display: block;
    	width: 100%;
    }
    .tr-pro img{
    	width: 150px;
    }
    .search-httv {
	    display: block;
	}
	#imaginary_container{
		width: 100%;
		margin-bottom: 20px;
	}
	.ht-tv{
		width: 50%;
		float: left;
	}
	.sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #1C2432;
        overflow-x: hidden;
        transition: 0.3s;
        z-index: 99999;
    }
    .sidenav .closebtn {
        font-size: 25px;
        display: block;
        align-items: center;
        width: 40px;
        background: #f5821f;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        padding: 5px 0;
    }
    .menu-mobile {
        padding: 20px 0;
        text-decoration: none;
        color: #818181;
        transition: 0.3s;
        list-style-type: none !important;
    }
    .menu-mobile li {
	    margin: 0;
	    background: unset;
	    border: none;
	    border-radius: 0;
	    box-shadow: unset;
	    border-bottom: 1px solid rgba(219, 219, 219, 0.21176470588235294);
	}
    .menu-mobile a {
        padding: 15px 0 15px 20px;
        display: inline-block;
        width: calc(100% - 50px);
        color: #fff;
        font-size: 16px;
    }
    .menu-mobile .sub-menu-mb .phelp a:first-child{
    	padding: 15px 0 15px 20px;
    	width: calc(100% - 50px);
    }
    .menu-mobile .sub-menu-mb a{
    	width: 100%;
    	padding: 15px 20px;
    }
    .hassub-mb .phelp .a-icon {
        position: absolute;
        right: 15px;
        top: calc(50% - 7.5px);
        z-index: 9999;
        text-align: center;
        width: 20px;
        padding: 0;
    }
    .phelp {
        position: relative;
    }
    .phelp > a:first-child{
        border-right: 1px solid rgba(219, 219, 219, 0.21176470588235294);
    }
    .sub-menu-mb{
        padding: 0;
        list-style-type: none;
        margin: 0;
    }
    .sub-menu-mb > li{
        border-top: 1px solid rgba(219, 219, 219, 0.21176470588235294);
        border-bottom: none;
        background: rgba(255,255,255,.08);
    }
    .sub-menu-mb > li:last-child{
        border-bottom: none;
    }
    .push-left {
        position: relative;
        right: 280px;
        transition: all 0.3s;
        left: unset;
    }
    .header-mobile {
        padding: 8px 0;
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    z-index: 9999;
	    transition: all 0.3s;
	    background: rgba(0,0,0,.1);
    }
    section{
    	/*padding-top: 66px;*/
    	padding-top: 0px;
    	/*margin-top: 66px;*/
    }
    .section-custom {
        margin-top: 66px;
    }
    .header-mobile.push-left-header-mobile{
    	transition: all 0.3s;
    	left: -280px;
    }
    .logo-mb img{
    	height: 50px;
    }
    .flex-order{
    	display: flex;
    	flex-wrap: wrap;
    }
    .order-1{
    	order: 1;
    	width: 100%;
    }
    .order-2{
    	order: 2;
    	width: 100%;
    }
    .gg-map iframe{
    	height: 500px;
    }
    .form-dk{
    	width: 80%;
    }
    .next-pro,
    .prev-pro{
    	bottom: 26px;
    }
    .main-tin .flex-bw.mtfl{
    	flex-direction: column-reverse;
    	align-items: unset;
    }
    .search-tt {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.search-tt .input-group{
		width: 100%;
	}
	.search-tt .stylish-input-group .input-group-addon{
		width: 50px;
	}
	.block-bvm .a-bvm {
	    float: left;
	    width: 100px;
	    margin-right: 10px;
	    margin-bottom: 0;
	}
	.block-bvm .nd-bvm {
	    float: left;
	    width: calc(100% - 120px);
	    clear: unset;
	}
	.ct-banner{
    	width: 720px;
    }
    .giohang a{
    	display: inline-block;
    }
    .giohang{
    	text-align: right;
    }
    .item-giohang .center {
	    text-align: left;
	    margin-top: 10px;
	}
	.item-giohang .flex-center {
	    justify-content: end;
	    margin: 15px 0;
	}
	.item-giohang .center {
	    text-align: left;
	    margin-top: 10px;
	}
	.cart-search-top a {
	    color: #e0b658;
	    margin: 0;
	}
	.cart-search-top{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 50px;
	}
	.name-sp{
		font-size: 18px;
	}
	.main-slider img{
    	/*height: calc(100vh - 66px);*/
    	height: calc(100vh - 150px);
    	/*object-position: 92% center;*/
    	height: auto;
    	/*object-position: 12% center;*/
    }
    .logo-mb{
    	width: calc(100% - 100px);
    	text-align: center;
    }
    .col-md-3.order-2,
    .col-md-9.order-1{
    	width: 100%;
    }
}

@media (max-width: 767px){
    .show767{display: block;}
    .hide767{display: none;}
    .search-httv {
	    display: block;
	    width: calc(100% - 100px);
	}
	.logo{
		width: 80px;
	}
	#imaginary_container{
		margin-bottom: unset;
	}
	.info-httv > p:first-child{
		display: none;
	}
	.big-text{
		font-size: 14px;
	}
	.ul-phanphoi li img{
		padding: 10px;
	}
	.diachi-hethong{
		height: 250px;
	}
	.ggmap{
		height: 450px;
	}
	.gg-map iframe{
    	height: 400px;
    }
    .div-contact{
    	width: 100%;
    }
    .next-pro,
    .prev-pro{
    	bottom: 36px;
    }
    .sanpham-relative{
    	width: 100%;
    }
    .prev-prorl {
	    left: 0;
	    width: 20px;
	    top: calc(50% - 18px);
	}
    .next-prorl {
	    right: 0;
	    width: 20px;
	    top: calc(50% - 18px);
	}
	.dmtop {
	    display: block;
	}
	.dmtop img{
		width: 100%;
	}
	.nd-dmtop{
		width: 100%;
	}
	.block-bn-asi {
	    height: 300px;
	}
	.flex-n.blmb{
		display: block;
	}
	.big-newsm {
	    margin-bottom: 20px;
	}
	.ct-banner{
    	width: 100%;
    	padding: 0 15px;
    }
    .giohang a {
	    display: inline-block;
	    position: relative;
	    top: 12px;
	}
	.giohang a i{
		font-size: 20px;
	}
	.block-list-sanpham .row.flex-wrap .col-md-4{
		padding: 0 1px;
	}
	.item-pro-rela{
		padding-left: 10px;
	}
	.item-pro-rela.codinh{
		margin-bottom: 5px;
	}
}

@media (max-width: 480px){
    .show480{display: block;}
    .hide480{display: none;}
    .news-khung-phale {
	    padding: 0 15px;
	}
    .fwmb{width: 100%;}
    .big-text{
		font-size: 12px;
	}
	.ht-tv img{
		transform: scale(0.7);
	}
	.ul-phanphoi{
		width: 100%
	}
	.ul-phanphoi li img{
		padding: 5px;
	}
	.video-home iframe{
		height: 300px;
	}
	.ggmap{
		height: 300px;
	}
	.diachi-hethong{
		height: 165px;
	}
	.gg-map iframe{
    	height: 300px;
    }
    .form-dk{
    	width: 100%;
    }
    .form-dk .stylish-input-group .input-group-addon{
    	font-size: 12px;
    	padding: 10px 5px;
    }
    .item-pro-rela h4{
    	font-size: 15px;
    }
    .pagi-right{
    	justify-content: center;
    }
    .block-bn-asi {
	    height: auto;
	}
	.bv-lienquan .flex-bw{
		display: block;
	}
	.control-tlq{
		text-align: center;
	}
	.big-text a{
		color: #000;
	}
	.prev-gall{
		position: absolute;
		font-size: 20px;
		left: -20px;
		top: calc(50% - 10px);
		color: #fff;
		cursor: pointer;
	}
	.next-gall{
		position: absolute;
		font-size: 20px;
		right: -20px;
		top: calc(50% - 10px);
		color: #fff;
		cursor: pointer;
	}
	.main-slider-dapage {
	    width: calc(100% - 60px);
	    margin: 0 auto;
	    position: relative;
	}
	.agh{
		width: 100%;
	}
	.ct-agh{
		width: 100%;
		margin-top: 10px;
	}
	.tieude-gh{
		white-space: unset;
		overflow: unset;
	}
	.editer img{
		height: auto;
	}
	.logo-mb img {
	    width: 180px;
	    object-fit: contain;
	}
	.next-sr,
	.next-spmb{
		position: absolute;
		font-size: 40px;
		top: 50%;
		transform: translateY(-50%);
		right: 15px;
		color: #fff;
		z-index: 2;
		cursor: pointer;
	}
	.prev-sr,
	.prev-spmb{
		position: absolute;
		font-size: 40px;
		top: 50%;
		transform: translateY(-50%);
		left: 15px;
		color: #fff;
		z-index: 2;
		cursor: pointer;
	}
}

.googleMap iframe{width:100% !important; height:250px;} 
.googleMap{ position: relative;}
.googleMap>.googleMap{
    width: 100%; 
    height: 350px;
}
.map-marker-wrapper-in{font-size:14px; line-height:1.5em; font-weight:300;}
.googleMapAll{height:450px;}
.googleMap.homePage{height:100%;}
.homePage .googleMapAll{height:410px; width:100%;}
.collapse .homePage .googleMapAll{height:550px;}
.paging a.a-active{
	background: #a8ae92;
}
.paging a{
    border: 1px #cfcfcf solid;
    padding: 10px;
	font-size:16px;
    /* border-radius: 6px; */
}