.wrap-index {}
.wrap-index .wrap-slide img {width: 100%; height: auto;}
.wrap-index .index-1 {margin: 20px 0 30px;}
.wrap-index .index-1 .ds-sp {float: left; width: 15%; margin-top: 10px;}
.wrap-index .index-1 .ds-sp ul {margin: 0; padding: 0; list-style: none;}
.wrap-index .index-1 .ds-sp ul li {margin: 10px 0;}
.wrap-index .index-1 .ds-sp ul li:first-child {margin-top: 0;}
.wrap-index .index-1 .ds-sp ul li a {width: 100%; display: block; padding: 7px 10px; text-transform: uppercase; color: #222; border: 2px solid #62be32; border-radius: 10px; text-align: center; font-size: 14px;}
.wrap-index .index-1 .ds-sp ul li:hover a {transition: ease-in-out 0.5s; background-color: #62be32; color: #fff;}
.wrap-index .index-1 .ds-sp .haccp img {max-width: 100%; margin-top: 10px;}
.wrap-index .index-1 .wrap-vd {width: 50%; margin: 0 1.5%; float: left;}
.wrap-index .index-1 .wrap-vd ul {margin: 0; padding: 0; list-style: none;}
.wrap-index .index-1 .wrap-vd ul li {width: 48.5%; float: left; margin: 5px 0; text-align: center; text-transform: uppercase;}
.wrap-index .index-1 .wrap-vd ul li p {font-weight: bold; margin: 5px 0;}
.wrap-index .index-1 .wrap-vd ul li:nth-child(2n) {float: right;}
.wrap-index .index-1 .wrap-vd ul li:nth-child(3) a {height: 170px; width: 100%; padding: 50px 10px 0; background-color: #62be32; display: block; color: #fff; font-size: 25px; text-align: center; font-weight: bold;}
.wrap-index .index-1 .wrap-vd ul li:last-child a {height: 170px; width: 100%; padding: 50px 10px 0; background-color: #62be32; display: block; color: #fff; font-size: 25px; text-align: center; font-weight: bold;}
.wrap-index .index-1 .wrap-vd ul li:hover a {background-color: #197534; transition: ease-in-out 0.5s;}
.wrap-index .index-1 .welcome {width: 32%; float: right;}
.wrap-index .khach-hang {padding: 50px 0; background: url('../images/bg-sea.png') no-repeat center bottom #e8e8e8; background-size: 100% auto;}
.wrap-index .khach-hang .title-kh {margin-bottom: 20px;}
.wrap-index .khach-hang .title-kh h3 {margin: 0; text-align: center; font-size: 25px;}
.wrap-index .khach-hang .list-kh .item {width: 30%; margin: 10px 2.5%; float: left; cursor: pointer;}
.wrap-index .khach-hang .list-kh .item h3 {text-transform: uppercase; font-size: 20px;}
.wrap-index .khach-hang .list-kh .item:first-child {margin-left: 0;}
.wrap-index .khach-hang .list-kh .item:last-child {margin-right: 0;}
.wrap-index .khach-hang .list-kh .item .noi-dung {position: relative; margin-bottom: 20px; background-color: #49A830; color: #fff; padding: 20px 10px; text-align: justify;}
.wrap-index .khach-hang .list-kh .item .noi-dung p {margin: 0 0 5px;}
.wrap-index .khach-hang .list-kh .item .noi-dung .cm {border-bottom: 1px dashed #fff; padding-bottom: 10px; margin-bottom: 10px; min-height: 250px;}
.wrap-index .khach-hang .list-kh .item .noi-dung .thong-tin p {font-weight: bold; margin: 0;}
.wrap-index .khach-hang .list-kh .item .noi-dung .thong-tin span {font-style: italic; font-size: 13px;}
.wrap-index .khach-hang .list-kh .item .img-kh {text-align: center; position: absolute; right: -15px; top: -15px;}
.wrap-index .khach-hang .list-kh .item .img-kh img {display: inline-block;}

@media (max-width: 1000px) {
	.wrap-index .index-1 .welcome {width: 100%;}
	.wrap-index .index-1 .ds-sp {width: 30%}
	.wrap-index .index-1 .wrap-vd {width: 68%; margin: 0; float: right;}
}

@media (max-width: 768px) {
	.wrap-index .wrap-slide {display: none;}
	.wrap-index .index-1 .ds-sp {width: 100%; margin-bottom: 20px;}
	.wrap-index .index-1 .ds-sp .haccp {text-align: center;}
	.wrap-index .index-1 .ds-sp .haccp img {display: inline-block;}
	.wrap-index .index-1 .wrap-vd {width: 100%;}
	.wrap-index .index-1 .wrap-vd ul li {width: 100%; margin: 10px 0;}
	.wrap-index .khach-hang .list-kh .item {width: 100%; margin: 10px 0;}
	.wrap-index .khach-hang .list-kh .item .noi-dung .cm {min-height: auto;}
}