img{
	max-width:100%;
}
.site__block{
	width:100%;
	float:left;
}
.site__menui{
	padding:30px 0;
}
.inner{
	width:100%;
	float:left;
}
.block__tit{
	width:100%;
	float:left;
}
.block__tit h2{
	display:inline-block;
	position:relative;
	padding:0 15px 0 30px;
	margin:0;
	line-height:40px;
	text-transform:uppercase;
}
.block__tit span{
	float:right;
	display:inline-block;
	line-height:30px;
	padding:0 10px;
	background:var(--main-background);
	border-radius:3px;
}
.block__tit span a{
   color:#fff;
   text-decoration:none;
}
.block__tit h2:after{
	position:absolute;
	width: 8px;
	height:100%;
	left:0;
	top:0;
	content:'';
	background:#0954b9;
}
.block__tit.block_center h2:after,.block__tit.block_center h2:before{
	 position:absolute;
	 content:'';
	  width:100px;
     height:3px;
     background:#0954b9;
     top:15px;
}
.block__tit.block_center h2:after{
    left:100%;
} 
.block__tit.block_center h2:before{
    right:100%;
}

.item__products{
	position:relative;
	padding:5px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
.itemslick .item__products{
	margin:15px 10px;
}
.item__products a{
	display:block;
	text-decoration:none;
	color:#333;
}
.item__products a img{
	max-width:100%;
}
.item__products h4{
	font-size:15px;
	line-height:22px;
	margin:5px 0;
	height:44px;
	padding:0 15px;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item__products .prices{
	text-align:center;
	font-size:16px;
}
.item__products .prices strong{
	color:red;
	font-size:18px;
}
.bottom_ti h2{
	font-size:30px;
	line-height:40px;
	margin-bottom:10px;
}
.bottom_ti h3 a{
	font-size:24px;
	line-height:24px;
	margin:30px 0;
}
.bottom_ti{
	color:#444;
	font-size:14px;
	line-height:23px;
	letter-spacing:0.3px;
}
.bottom_ti h3 a{
	color:#222;
}
.lienket a{
	line-height:22px;

}
.lienket a img{
	 height:15px;
}
.site__quytrinh{
	padding:30px 0;
	/*background:#eee;*/
}
.block_center{
	text-align:center;
}
.list__qt{
	list-style-type:none;
	margin:15px 0;
	padding:0;
}
.list__qt > li{
	width:calc(25% - 30px);
	margin:15px 15px;
	float:left;
	background:#fff;
	border:#ccc;
	padding:50px 30px 30px 30px;
	min-height:230px;
	position:relative;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.item_qt a{
   display:block;
   color:#333;
   text-decoration:none;
}
.item_qt a p.d1{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}



.item_qt a h4{
	text-transform:capitalize;
	font-size:18px;
	margin-bottom:10px;
	height:55px;
}
.v_qt{
	text-align:right;
	margin-top:15px;
}
.v_qt span{
	text-decoration:underline;
	font-size:13px;
	font-style:italic;
}
.item_qt > span{
	position:absolute;
	top:-30px;
	left:30px;
	text-align:center;
	padding:7px 12px;
	line-height:50px;
	font-size:30px;
	font-weight:600;
	background:var(--main-background);
	color:#fff;
	letter-spacing:0.5px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.block_center{
	margin-bottom:30px;
}
.col__nv{
	width:calc(50% - 30px);
	float:left;
	margin:15px 15px;
	padding:10px 0;
}
.slick-slide img{
	opacity:1!important;
	border-color:transparent!important;
}
.img__product{
	padding:15px;
	width:100%;
	display:block;
}
.item_kt{
	width:100%;
	float:left;
	padding:10px 0;
}
.item_kt .img{
	float:left;
	margin-right:10px;
}
.item_kt .img a img{
	border-radius:4px;
}
.item_kt a{
	color:#333;
	text-decoration:none;
}
.item_kt h4{
	margin-bottom:5px;
}
.item_kt h4 a{
	font-size:15px;
	line-height:24px;
	text-transform:capitalize;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
     overflow: hidden;
    text-overflow: ellipsis;
}
.item_kt p{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    font-size: 13px;
    line-height: 22px;
    letter-spacing:0.4px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}
.item_kt > a{
	text-decoration:underline;
	font-style:italic;
}
.video__big{
	margin:15px 0;
	position:relative;
}
.video__big a img{
	width:100%;
}
.play_yt{
	position:absolute;
	top:40%;
	left:45%;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.play_yt img{
   height:40px;
}
.site__kh{
	padding:30px 0;
}

.coments__content {
    width: calc(60% - 30px);
    margin: 0 15px;
    float: left;
}
.coments__frm {
    width: calc(40% - 30px);
    margin: 0 15px;
    float: right;
    padding: 30px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    background:#fff;
}

.form-group {
    margin-bottom: 15px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
textarea.form-control{
	height:auto;
}
.wrap-b-file {
    position: relative;
    text-align: center;
    border: 1px solid #ccc;
    padding: 10px 0;
    border-radius: 3px;
    box-shadow: rgb(67 71 85 / 27%) 0px 0px 0.25em, rgb(90 125 188 / 5%) 0px 0.25em 1em;
}
.wrap-b-file input {
    display: inline-block;
    width: 120px;
}
.custom-file-input::before {
    content: 'Chọn hình ảnh';
    color: black;
    display: inline-block;
    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 2px;
    padding: 8px 12px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
}

.btn__subscribe {
    padding: 5px 25px;
    color: #fff;
    background: #0156a9;
    border-radius: 3px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 32px;
    outline: none;
    width: 100%;
}

.coments__frm .btn__subscribe {
    padding: 4px 0;
}
.list_comments a{
   display:block;
   color:#444;
}
.list_comments a img{
	border-radius:50%;
	display:inline-block;
	margin:0 auto;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.list_comments a {
	text-align:center;
}
.list_comments a h4{
	font-size:18px;
	line-height:24px;
	margin-bottom:15px;
}
.img__comment{
	display:block;
	margin-bottom:10px;
	
}
.item__comment a{
	padding:30px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	margin:15px 15px;
}
.desc_comments{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.4px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    min-height:66px;
}
.hide{
	display:none;
}
.site__dt{
	padding:30px 0;
}
.item_dt{
	padding:15px;
	background:#fff;

}
.item_dt img{
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.list__products > .item__products{
	width:calc(25% - 30px);
	margin:15px 15px;
	float:left;
}

#home{
		position:relative;
		max-width:1920px;
		margin:0 auto;
		overflow-x:hidden;
	}

@media (max-width:656px){

}
@media (max-width:576px){
 
}
@media (max-width:500px){
	.item_kt p{
		-webkit-line-clamp:2;
		margin-bottom:0px;
	}
	.item_kt .img{
		max-width:120px;
	}
	.item_kt h4 a{
		font-size:14px;
		line-height:20px;
	}
    .block__tit span{
    	font-size:13px;
    }
	.block__tit h2{
		line-height:24px;
		padding:0 10px;
		font-size:16px;
	}
  .bottom_ti h2{
  	font-size:24px;
  }
  .bottom_ti h3 a{
  	font-size:20px;
  }
  .desc_gt{
  	padding: 0px 13px;
    text-align: center;
    line-height: 24px;
    letter-spacing: 0.4px;
  }
  .img__product{
  	padding:10px;
  }
  .item__products h4{
  	height:60px;
  	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:0 5px;
  }
  .item__products .prices{
  	font-size:16px;
  }
  .list__qt > li{
  	 width:calc(100% - 30px);
  	 margin:30px 15px 30px 15px;
  }
  .item_qt a h4{
  	height:auto;
  }
  .site__dt{
  	padding-top:0;
  }
  .col__nv{
  	 width:calc(100% - 30px);
  }
  .slick-video .item__list{
  	padding:5px;
  }
  .block__tit h2:after{
  	width:5px;
  }
  .coments__content{
  	 width:calc(100% - 30px);
  }
  .coments__frm{
  	width:calc(100% - 30px);
  	margin:10px 15px 30px 10px;
  }
  .item__comment a{
  	 padding:12px;
  }
  .item__comment a{
  	margin:10px 10px;
  }
  .row-xs{
  	margin-left:-15px;
  	margin-right:-15px;
  }
  .row-xs-10{
  	margin-left:-10px;
  	margin-right:-10px;
  }
  .coments__frm{
  	padding:20px;
  }
  .bottom_ti img{
  	 max-width:200px!important;
  }
  .list__products > .item__products{
  	 width:calc(50% - 20px);
  	 margin:10px 10px;
  }
  ul.pagination a{
  	 margin-bottom:10px;
  }
  .pagination a{
  	font-size:12px;
  }
  #sanpham .khung_1{
  	 padding:10px 10px;
  }
  .dangkynhantin{
  	padding:2% 15px;
  }
  .block__tit.block_center h2:after,.block__tit.block_center h2:before{
  	 display:none;
  }
}
@media (max-width:430px){

}
@media (max-width:376px){

}
@media (max-width:351px){

}
@media (max-width:321px){

}
@media (max-width:281px){

}