html,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input,hr {
	
	    margin: 0;
    padding: 0;
	

	}
p,span,div{margin:0;padding:0;font-size: 17px}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
strong{font-weight:bold;font-size:1.1em}
em{font-style:italic}
a{text-decoration:none;color:Blue;outline:0;}


.gif-pause:hover, .gif-pause:focus {
    animation-play-state:paused;
}
.img-hover-zoom {
  height: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
body{
	margin:0; padding:0;
	font-family: 'Roboto', sans-serif !important;
	overflow-x: hidden;
	background-color: #eee !important;
	font-size:17px;
}

.detail-btn{
	background-color: #c33437;
	width: fit-content;
	height:40px;
	text-align: center;
	color:#fff;
	padding:7px 15px;
	font-size: 16px;
	text-decoration: none;
	border-radius: 20px;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	-ms-box-shadow: 0px 0px 10px #000;
	
}
.detail-btn:hover, .detail-btn:focus{
	background-color: #f33437;
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}


/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.1);
}
.black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:900;-moz-opacity: 0.76;opacity:.76;filter: alpha(opacity=76);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=76)";-khtml-opacity: 0.76;}

.zoom-img-overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 110%;background-color: #eee;z-index: 999}

.thongbao-popup{margin: 0;padding-bottom:15px;font: 400 15px 'Roboto', sans-serif;position: absolute;z-index: 999;}
.thongbao-popup *{transition:color .4s, background .4s;}

.noidungchinh{width:1280px;margin:auto}

.khungnoidungchinh {width:1280px;margin:auto;}
@media only screen and (max-width: 1024px) {
    .khungnoidungchinh {width:100%;}
}

.gioithieu {margin:30px;width:1280px}.gioithieu .noidung{float:left;width:40%;text-align: justify;}.gioithieu .hinhanh{float:left;width:50%;margin-left:30px} .gioithieu .hinhanh .video{width:600px; height:400px}

.lienhe {margin-top:100px}
.lienhe .thongtin{width:35%;float:left;margin-left:20px}
.lienhe .sendmail{width:55%;float:left;margin-left:20px}
@media only screen and (max-width: 1024px) 
{
    .noidungchinh{width:100%; margin:10px;margin:auto}
 
    .gioithieu {margin:auto;width:95%}.gioithieu .noidung{width:95%;text-align: justify;}.gioithieu .hinhanh{width:95%} .gioithieu .hinhanh .video{width:300px; height:215px;margin:auto}
    
    .lienhe {margin-top:15px}
    .lienhe .thongtin{width:95%;}
    .lienhe .sendmail{width:90%;}

}



	.hr_line
	{
		height:3px;
		margin:0px 0px 10px 0px;
		background: -webkit-linear-gradient(left,rgb(12, 86, 193), white,white);
		background: -moz-linear-gradient(left,rgb(12, 86, 193), white,white);
		background: -o-linear-gradient(left, rgb(12, 86, 193), white,white);
		background: -ms-linear-gradient(left, rgb(12, 86, 193), white,white);

	}
	.hr_line1
	{
		height:3px;
		width:100%;
		margin:0px 0px 10px 0px;
		background: -webkit-linear-gradient(right, rgb(12, 86, 193), white,white);
		background: -moz-linear-gradient(right, rgb(12, 86, 193), white,white);
		background: -o-linear-gradient(right, rgb(12, 86, 193), white,white);
		background: -ms-linear-gradient(right, rgb(12, 86, 193), white,white);


	}
	.hr_line2
	{
		height:3px;
		width:100%;
		margin:0px 0px 10px 0px;
		background: -webkit-linear-gradient(right, white,white, rgb(12, 86, 193), white,white);
		background: -moz-linear-gradient(right, white,white, rgb(12, 86, 193), white,white);
		background: -o-linear-gradient(right, white,white, rgb(12, 86, 193), white,white);
		background: -ms-linear-gradient(right, white,white, rgb(12, 86, 193), white,white);


	}
	.block-content
	{
		border: 1px dotted  gray;
		width:100%;
		border-radius: 15px;
		margin-bottom:10px;
		padding:10px;
		height:auto;
	}
#footer
{
    position:static;
    bottom:0px;

		width:100%;
        margin-top:5px;
        padding-top:10px;
        background: -webkit-linear-gradient(left, rgba(38, 38, 38, 0.8), rgb(120, 120, 120), rgba(38, 38, 38, 0.8));
		background: -moz-linear-gradient(left, rgba(38, 38, 38, 0.8), rgb(120, 120, 120), rgba(38, 38, 38, 0.8));
		background: -o-linear-gradient(left, rgba(38, 38, 38, 0.8), rgb(120, 120, 120),rgba(38, 38, 38, 0.8));
		background: -ms-linear-gradient(left, rgba(38, 38, 38, 0.8), rgb(120, 120, 120), rgba(38, 38, 38, 0.8));
		-moz-box-shadow: 0px 0px 10px #002e4d;
		-webkit-box-shadow: 0px 0px 10px #002e4d;
		box-shadow: 0px 0px 10px #002e4d;
		-o-box-shadow: 0px 0px 10px #002e4d;
		-ms-box-shadow: 0px 0px 10px #002e4d;
}


/*
            sản phẩm
*/

.loaisp-trai{width:90%;margin:auto}
.tieudesp-trai{margin:20px 0px 0px 0px;font-size:22px;font-weight:bold;color:#0086b3}

.mota-sanpham-trai{width:90% !important;margin: auto !important; text-align: center !important;} 

.hinhanh-trai{float:right;width:40%;padding: 0px 20px;min-width: 300px}
.hinhanh-trai img{width:70%;margin-top:20px}

.motasp-noidungtrai{float:left;width:38%;max-width: 900px !important;font-size:16px;color:gray;line-height:140%;text-align: justify;}
.mota-sanpham-trai ul{ list-style-image: url('/images/bullet_blue.png') !important;margin-left:30px ;}
.mota-sanpham-trai ul li{margin: 8px 0 !important;}

.loaisp-phai{width:90%;margin:auto}
.tieudesp-phai{float:right;margin:20px 0px 0px 0px;font-size:22px;font-weight:bold;color:#0086b3;}

.mota-sanpham-phai{width:90% !important;margin: auto !important; text-align: center !important;} 

.hinhanh-phai{float:left;width:40%;padding: 0px 20px;min-width: 300px}
.hinhanh-phai img{width:70%;margin-top:20px}

.motasp-noidungphai{float:right;width:38%;max-width: 900px !important; font-size:16px;color:gray;line-height:140%;text-align: justify;}
.mota-sanpham-phai ul{ list-style-image: url('/images/bullet_blue.png') !important;margin-left:30px ;}
.mota-sanpham-phai ul li{margin: 8px 0 !important;}


.chitiet-sp ul{list-style-image: url('/images/bullet_blue.png') !important;margin-left:20px;}
.chitiet-sp ul li{margin: 8px 0 !important;}


.chitiet-sp{width:1280px;margin:50px 20px 10px 20px;text-align: justify !important;}
.chitiet-sanpham-trai{ width:100% !important; float:left;margin-left:50px; } 
.chitiet-hinhanh-trai{float:left;width:25%;margin-left:20px}
.chitiet-hinhanh-trai img{max-width:80%;margin-top:80px}
.chitietsp-noidungtrai{float:left;width:65%;margin:10px 0px 0px 20px;font-size:16px;color:gray;line-height:140%;text-align: justify;}
.chitiet-sanpham-trai ul{ list-style-image: url('/images/bullet_blue.png') !important;margin-left:30px ;}
.chitiet-sanpham-trai ul li{margin: 8px 0 !important;}



@media only screen and (max-width: 1024px) 
{
    .loaisp-trai{width:100%;margin-left:10px}
    .tieudesp-trai{margin:10px 0px 0px 0px;font-size:18px;font-weight:bold;color:#0086b3}
    .mota-sanpham-trai{float:left !important;margin:0px 10px;width:100%;text-align: justify;}
    .hinhanh-trai{width:100%;}
    .hinhanh-trai img{max-width:98%;margin:30px 0px 30px 10px;float:left !important}
    .motasp-noidungtrai{width:100%;margin:10px;font-size:16px;color:gray;line-height:120%;text-align: justify;}
    .mota-sanpham-trai ul{ list-style-image: url('/images/bullet_blue.png') !important;margin-left:20px ;}

    .loaisp-phai{clear:both;float:left;width:100%;margin-top:30px}
    .tieudesp-phai{clear:both;float:left;margin:10px 0px 0px 10px;font-size:18px;font-weight:bold;color:#0086b3}
    .hr_line1{clear:both;height:3px;margin:0px 0px 10px 10px;width:100%;background: -webkit-linear-gradient(left,rgb(12, 86, 193), white,white);background: -moz-linear-gradient(left,rgb(12, 86, 193), white,white);background: -o-linear-gradient(left, rgb(12, 86, 193), white,white);background: -ms-linear-gradient(left, rgb(12, 86, 193), white,white);}
    .mota-sanpham-phai{margin:0px 10px;float:left !important;text-align: justify;}
    .hinhanh-phai{width:100%}
    .hinhanh-phai img{max-width:98%;margin:30px 0px 30px 130px;float:left !important}
    .motasp-noidungphai{float:left !important;width:100%;margin:10px;font-size:16px;color:gray;line-height:120%;text-align: justify;}
    .mota-sanpham-phai ul{ list-style-image: url('/images/bullet_blue.png') !important;margin-left:20px ;}
    
    .chitiet-sp{width:95%;float:left;margin:20px 20px 10px 10px;text-align: justify !important;}
    .chitiet-sanpham-trai{float:left !important;margin:20px 20px 10px 10px;width:95%;text-align: justify !important;}
    .chitiet-hinhanh-trai{width:90%;}
    .chitiet-hinhanh-trai img{max-width:90%;margin:30px 0px 30px 10px;float:left !important}
    .chitietsp-noidungtrai{width:95%;margin:10px 20px 10px 20px;font-size:16px;color:gray;line-height:120%;text-align: justify;}
    .chitiet-sanpham-trai ul{ list-style-image: url('/images/bullet_blue.png') !important;margin:0px 20px 0px 30px ;}
    .chitiet-sanpham-trai ul li{margin: 12px 0 !important;}


}



.introduce-content-left
{
	width:680px;float:left;margin:80px 0px 0px 90px;text-align: justify
}
.introduce-content-right
{
	width:680px;float:right;margin:80px 90px 0px 0px;text-align: justify
}

@media screen and (max-width: 1024px) {
    .mota-sanpham
    {
        width:90% !important;   
        margin:10px 5px 0px 20px !important; 
    }  
    
    .hr_line2
	{
		height:3px;
		width:100%;
		margin:0px 0px 10px 0px;
		background: -webkit-linear-gradient(right, white,white, rgb(12, 86, 193),rgb(12, 86, 193), white,white);
		background: -moz-linear-gradient(right, white,white, rgb(12, 86, 193),rgb(12, 86, 193), white,white);
		background: -o-linear-gradient(right, white,white, rgb(12, 86, 193),rgb(12, 86, 193), white,white);
		background: -ms-linear-gradient(right, white,white, rgb(12, 86, 193),rgb(12, 86, 193), white,white);


	}
	.introduce-content-left
    {
	    width:90%;float:left;margin:10px 0px 0px 15px;text-align: justify
    }
    .introduce-content-right
    {
	    width:90%;float:left;margin:10px 0px 0px 15px;text-align: justify
    }
}
@media screen and (max-width: 1024px) {
    .mota-sanpham
    {
        width:90% !important;   
        margin:10px 5px 0px 20px !important; 
    }  
    
    .hr_line2
	{
		height:3px;
		width:100%;
		margin:0px 0px 10px 0px;
		background: -webkit-linear-gradient(right, white,white, rgb(12, 86, 193),rgb(12, 86, 193), white,white);
		background: -moz-linear-gradient(right, white,white, rgb(12, 86, 193),rgb(12, 86, 193), white,white);
		background: -o-linear-gradient(right, white,white, rgb(12, 86, 193),rgb(12, 86, 193), white,white);
		background: -ms-linear-gradient(right, white,white, rgb(12, 86, 193),rgb(12, 86, 193), white,white);


	}
	.introduce-content-left
    {
	    width:auto;float:left;margin:20px 10px 0px 10px;
    }
    .introduce-content-right
    {
	    width:auto;float:left;margin:20px 10px 0px 10px;
    }
}
.img-detail-button {transition: .5s ease;opacity: 0;position: absolute;	z-index: 10;top:50%;left:calc(50% - 30px);padding:5px 20px;background-color:rgba(255,0,0,0.88);color:#fff;border-radius: 20px;}
.image-detail:hover .img-detail-button { opacity: 1;}

.evyhome-slogan{font-size:20px;color:#fff;display: block;position: absolute;top:90px;left:10px;z-index: 10;font-family:Snell Roundhand, cursive}
.h1-tieude{font-family: "Oswald", sans-serif;}
.goi-san-pham{width:18%;height:auto;padding: 10px;float:left}

.tq-giaiphap-item{background-color:#fff;width:80%;margin:auto;height:auto;margin-top:10px;border-radius: 30px;}
.tq-giaiphap-text-left{width:65%;float:left;height:auto;padding:20px 60px}
.tq-giaiphap-img-left{width:35%;float:left;height:auto;border-radius: 0px 30px 0px 30px;}
.tq-giaiphap-text-right{width:65%;float:right;height:auto;padding:20px 60px}
.tq-giaiphap-img-right{width:35%;float:right;height:auto;text-align: right;border-radius: 30px 0px 30px 0px;}
.tq-giaiphap-tieude{margin-top:70px}
.trangchinh-sp{background-image:url('./images/spbackground.jpg') no-repeat center #eee;background-size:cover;width:100%;height:300px;margin:auto}
@media screen and (max-width: 10000px) {
	.main-introdution{width:80%;padding:0px;margin:auto}
	.thongbao-panel{background:rgba(255,255,255,0.81);border-radius: 12px;width:60%;pading:30px}
	.evyhome-slogan{font-size:20px;color:#fff;display: block;position: absolute;top:90px;left:10px;z-index: 10;font-family:Snell Roundhand, cursive}
  	.goi-san-pham{width:18%;height:auto;padding:10px;float:left}
	.app-review{width:30%;margin-top:-70px;float:right}
	.tq-giaiphap-item{background-color:#fff;width:80%;margin:auto;height:auto;margin-top:10px;border-radius: 30px;}
	.tq-giaiphap-text-left{width:65%;float:left;height:auto;padding:20px 60px}
	.tq-giaiphap-img-left{position:relative;width:35%;float:left;height:auto;border-radius: 0px 30px 0px 30px;}
	.tq-giaiphap-text-right{width:65%;float:right;height:auto;padding:20px 60px}
	.tq-giaiphap-img-right{position:relative;width:35%;float:right;height:auto;text-align: right;border-radius: 30px 0px 30px 0px;}
	.tq-giaiphap-tieude{margin-top:40px;text-align: center}
	
	/*giai phap*/
	.giaiphap-gioithieu{width:70%;margin:0px auto;background: #fff;padding:20px;}
	.giaiphap-tieude{margin-top:60px}
	.giaiphap-image{width:45%;margin:20px}
	.giaiphap-khac{width:70%;margin:auto}
	.giaiphap-item{width:25%;padding:20px;text-align: center;float:left}
}
@media screen and (max-width: 1201px) {
	.main-introdution{width:90%;padding:0px;margin:auto}
	.thongbao-panel{background:rgba(255,255,255,0.81);border-radius: 12px;width:80%;padding:25px}
	.evyhome-slogan{display: none}
 	.goi-san-pham{width:33.3%;height:auto;margin-top:10px;padding:10px;float: left}
	.app-review{width:100%;margin:auto}
	.tq-giaiphap-item{background-color:#fff;width:90%;margin:auto;height:auto;margin-top:10px;border-radius: 25px;}
	.tq-giaiphap-text-left{width:55%;float:left;height:auto;padding:30px}
	.tq-giaiphap-img-left{position:relative;width:45%;float:left;height:auto;border-radius: 0px 25px 0px 25px;}
	.tq-giaiphap-text-right{width:55%;float:right;height:auto;padding:30px}
	.tq-giaiphap-img-right{position:relative;width:45%;float:right;height:auto;text-align: right;border-radius: 0px 25px 0px 25px;}
	.tq-giaiphap-tieude{margin-top:20px;text-align: center}
	
	/*giai phap*/
	.giaiphap-gioithieu{width:95%;margin:0px auto;background: #fff;padding:10px;}
	.giaiphap-tieude{margin-top:40px}
	.giaiphap-image{width:45%;margin:15px}
	.giaiphap-khac{width:95%;margin:auto}
	.giaiphap-item{width:33.3%;padding:20px;;text-align: center;float:left}
}
@media screen and (max-width: 680px) {
	.main-introdution{width:100%;padding: 10px;margin:auto}
	.thongbao-panel{background:rgba(255,255,255,0.81);border-radius: 12px;width:95%;padding:20px}
	.evyhome-slogan{display: none}
  	.goi-san-pham{width:100%;height:auto;margin-top:10px;padding:15px;margin:auto}
	.app-review{width:100%;margin:auto}
	.tq-giaiphap-item{background-color:#fff;width:95%;margin:auto;height:auto;margin-top:10px;border-radius: 20px;}
	.tq-giaiphap-text-left{width:100%;height:auto;margin:10px}
	.tq-giaiphap-img-left{position:relative;width:100%;height:auto;margin:auto;border-radius:0px 0px 20px 20px;}
	.tq-giaiphap-text-right{width:100%;height:auto;margin:10px}
	.tq-giaiphap-img-right{position:relative;width:100%;height:auto;margin:auto;border-radius:0px 0px 20px 20px;}
	.tq-giaiphap-tieude{margin-top:10px;text-align: center}
	
	/*giai phap*/
	.giaiphap-gioithieu{width:95%;margin:0px auto;background: #fff;padding:10px;}
	.giaiphap-tieude{margin-top:20px}
	.giaiphap-image{width:95%;margin:10px}
	
	.giaiphap-khac{width:100% !important;margin:auto;padding:0px;text-align: center}
	.giaiphap-item{width:100% !important;margin:10px auto !important;padding:10px 50px;text-align: center}
}
	

.footer_gp
{
	color: #fff !important;
}
.footer_gp:hover, .footer_gp:focus
{
	color: #C33437 !important;
}
.footer_link{color:#fff !important;text-decoration: none;}
.footer_link:focus, .footer_link:hover{color:#C33437 !important;text-decoration: none;}

.footer_link_c{color:#C33437 !important;text-decoration: none;}
.footer_link_c:focus, .footer_link_c:hover{color:#fff !important;text-decoration: none;}

.gradient-border {
  --border-width: 5px;
  position: relative;
  width: 100%;
  height: 100%;
	margin:0px !important;
  font-family: Lato, sans-serif;
  border-radius: var(--border-width);
  background:#fff;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.gradient-border:hover::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: linear-gradient(60deg, #5f86f2, #a65ff2, #f25fd0, #f25f61, #f2cb5f, #abf25f, #5ff281, #5ff2f0);
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: calc(2 * var(--border-width));
  animation: moveGradient 4s alternate infinite;
}

@keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
}


/*san pham*/
.ten-sp{
	width:100%;
	color:#000;
	font-size: 22px;
	font-weight: bold;
	padding:10px;
	text-align: center;
}
.detail-btn-sp:hover, .detail-btn-sp:focus{
		background-color: #f33437;
}
@media(min-width:1260px)
{
	.sanpham-container{
		width: calc(49% - 22px);
		aspect-ratio: 4/3;
		margin:5px 0px 5px 10px;
		float:left;
	}
	.hinh-sp
	{
		position: absolute;
		bottom:10px;
		left:50%;
		transform: translateX(-50%);
		height:55%;
		margin:auto;
		z-index: 1;
		cursor: -webkit-zoom-in;
    	cursor: zoom-in;
	}
	.detail-btn-sp{
	background-color: #c33437;
	width: fit-content;
	height:40px;
	text-align: center;
	color:#fff;
	padding:7px 15px;
	font-size: 16px;
	text-decoration: none;
	border-radius: 20px;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	-ms-box-shadow: 0px 0px 10px #000;
	}
	.sanpham-url{top:25%;}

}
@media only screen and (min-width: 1025px) and (max-width: 1259px)
{
	.sanpham-container{
		width: calc(49% - 22px);
		aspect-ratio: 4/3;
		margin:5px 0px 5px 10px;
		float:left;
	}
	.hinh-sp
	{
		position: absolute;
		bottom:10px;
		left:50%;
		transform: translateX(-50%);
		height:53%;
		margin:auto;
		z-index: 1;
		cursor: -webkit-zoom-in;
    	cursor: zoom-in;
	}
	.detail-btn-sp{
	background-color: #c33437;
	width: fit-content;
	height:40px;
	text-align: center;
	color:#fff;
	padding:7px 15px;
	font-size: 16px;
	text-decoration: none;
	border-radius: 20px;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	-ms-box-shadow: 0px 0px 10px #000;
	
	}
	.sanpham-url{top:28%;}
}
@media only screen and (min-width: 769px) and (max-width: 1024px)
{
	.sanpham-container{
		width:80%;
		aspect-ratio: 4/3;
		margin:5px auto;
		text-align: center;
	}
	.hinh-sp
	{
		position: absolute;
		bottom:10px;
		left:50%;
		transform: translateX(-50%);
		height:55%;
		margin:auto;
		z-index: 1;
		cursor: -webkit-zoom-in;
    cursor: zoom-in;
	}
	.detail-btn-sp{
	background-color: #c33437;
	width: fit-content;
	height:40px;
	text-align: center;
	color:#fff;
	padding:7px 15px;
	font-size: 16px;
	text-decoration: none;
	border-radius: 20px;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	-ms-box-shadow: 0px 0px 10px #000;
	
	}
	.sanpham-url{top:28%;}
}
@media only screen and (min-width: 481px) and (max-width: 768px)
{
	.sanpham-container{
		width:90%;
		aspect-ratio: 4/3;
		margin:5px auto;
		text-align: center;
	}
	.hinh-sp
	{
		position: absolute;
		bottom:52px;
		left:50%;
		transform: translateX(-50%);
		height:54%;
		margin:auto;
		z-index: 1;
		cursor: -webkit-zoom-in;
    cursor: zoom-in;
	}
	.detail-btn-sp{
		background-color: #c33437;
		width: fit-content;
		height:35px;
		text-align: center;
		color:#fff;
		padding:6px 12px 6px 12px;
		font-size: 14px;
		text-decoration: none;
		border-radius: 20px;
		-moz-box-shadow: 0px 0px 10px #000;
		-webkit-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
		-o-box-shadow: 0px 0px 10px #000;
		-ms-box-shadow: 0px 0px 10px #000;
	
	}
	.sanpham-url{bottom:0px}
	
}
@media(max-width:480px) {
	
	.sanpham-container{
		width:95%;
		aspect-ratio: 4/3;
		margin:5px auto;
		text-align: center;
	}
	.hinh-sp
	{
		position: absolute;
		bottom:50px;
		left:50%;
		transform: translateX(-50%);
		height:48%;
		margin:auto;
		z-index: 1;
		cursor: -webkit-zoom-in;
    cursor: zoom-in;
	}
	.detail-btn-sp{
		background-color: #c33437;
		width: fit-content;
		height:30px;
		text-align: center;
		color:#fff;
		padding:4px 10px 6px 10px;
		font-size: 13px;
		text-decoration: none;
		border-radius: 20px;
		-moz-box-shadow: 0px 0px 10px #000;
		-webkit-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
		-o-box-shadow: 0px 0px 10px #000;
		-ms-box-shadow: 0px 0px 10px #000;
	
	}
	.sanpham-url{bottom:0px;}
	
}