@charset "utf-8";
/* CSS Document */

.banner-38-1 {
	margin: 0;
	padding: 0;
	height: 550px;
	padding-top: 40px !important;
	padding-bottom: 50px !important;
	position: relative;
	background: url(../images/banner-38-1/bg.jpg) top center no-repeat;
}

.announce-block-top {
	padding-top: 70px;
	height: 189px;
	text-align: center;
}

.announce-block-top img {
	max-width: 100%;
	height: auto;
}

.banner-38-1 .banner1 {
	right: 0;
	left: 0;
	bottom: auto;
	padding: 0px;
}

.banner-38-1 .banner1 img {
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.banner-38-1 .banner-newarrival {
	/* margin-top:30px;*/
}

.banner-38-1 .carousel-indicators {
	bottom: 0;
}

.banner-38-1 .banner-newarrival-top {
	margin: 25px 0px;
	color: #e2666c;
	font: 28px/35px 'thaisanslite', Arial, sans-serif;
	font-weight: bold;
}

.banner-38-1 .banner-newarrival-mid {
	/*padding:10px;
	    margin-top: 9px;*/
}

.banner-38-1 .banner-newarrival-mid .carousel-control-prev {
	display: none;
}

.banner-38-1 .banner-newarrival-mid .carousel-control-next {
	display: none;
}

.banner-38-1 .banner-newarrival-mid .carousel-item {
	min-height: 373px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.banner-38-1 .banner-newarrival-mid .carousel-indicators {
	position: absolute;
	right: 0;
	bottom: -40px;
}

.banner-38-1 .banner-newarrival-mid .carousel-indicators li {
	width: 10px;
	height: 9px;
	background: url(../images/all-38-1/normal-1.png) top left no-repeat;
	background-size: cover;
}

.banner-38-1 .banner-newarrival-mid .carousel-indicators .active {
	width: 36px;
	height: 9px;
	background: url(../images/all-38-1/select-3.png) top left no-repeat;
	background-size: cover;
}

/*************************************************/
@media (max-width: 359px) {
	.banner-38-1 {}

	.announce-block-top {
		padding-top: 109px;
	}

	.banner-38-1 .banner-newarrival {
		margin-top: 0px;
	}

	.banner-38-1 .banner-newarrival-mid .carousel-item {
		min-height: 192px;
	}

	.banner-38-1 {
		padding-bottom: 50px !important;
	}
}

@media (min-width: 360px) and (max-width: 374px) {
	.banner-38-1 {}

	.announce-block-top {
		padding-top: 109px;
	}

	.banner-38-1 .banner-newarrival {
		margin-top: 0px;
	}

	.banner-38-1 .banner-newarrival-mid .carousel-item {
		min-height: 214px;
	}

	.banner-38-1 {
		padding-bottom: 50px !important;
	}

	.banner-38-1 .banner-newarrival-mid {
		margin-top: 20px;
	}
}

@media (min-width: 375px) and (max-width: 413px) {
	.banner-38-1 {}

	.announce-block-top {
		padding-top: 109px;
	}

	.banner-38-1 .banner-newarrival {
		margin-top: 0px;
	}

	.banner-38-1 .banner-newarrival-mid .carousel-item {
		min-height: 214px;
	}

	.banner-38-1 {
		/* padding-bottom: 50px !important; */
		background: #ffffff;
		height: auto;
	}

	.banner-38-1 .banner-newarrival-mid {
		margin-top: 20px;
	}
}

@media (min-width: 414px) and (max-width: 575px) {
	.banner-38-1 {}

	.announce-block-top {
		padding-top: 109px;
	}

	.banner-38-1 .banner-newarrival {
		margin-top: 0px;
	}

	.banner-38-1 .banner-newarrival-mid .carousel-item {
		min-height: 233px;
	}

	.banner-38-1 {
		padding-bottom: 50px !important;
		height: auto;
		background: #ffffff;
	}

	.banner-38-1 .banner-newarrival-mid {
		margin-top: 20px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.banner-38-1 {
		margin-top: -60px;
	}

	.announce-block-top {
		padding-top: 109px;
	}

	.banner-38-1 .banner-newarrival {
		margin-top: 0;
	}

	.banner-38-1 .banner-newarrival-mid .carousel-item {
		min-height: 401px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.banner-38-1 .banner1 {
		right: 0;
		left: 0;
		bottom: auto;
		padding: 21px;
	}

	.banner-38-1 .container-cv-5 {
		width: 100%;
	}

	.banner-38-1 {
		padding-bottom: 50px !important;
		height: 925px;
	}

	.banner-38-1 .banner-newarrival-mid {
		margin-top: 110px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.banner-38-1 {
		padding-bottom: 47px !important;
		height: 1060px;
	}


	.banner-38-1 .banner-newarrival-mid {
		/* margin-top: 130px; */
	}

	.banner-38-1 .container-cv-5 {
		width: 100%;
	}
	.banner-38-1 .banner-newarrival-mid .carousel-item{
		min-height: 603px;
	}
}

@media (min-width: 1200px) and (max-width: 1280px) {
	.banner-38-1 {}

	.banner-38-1 .banner-newarrival-mid .carousel-item {
		min-height: 351px;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.banner-38-1 {}

	.banner-38-1 .banner-newarrival-mid .carousel-item {
		min-height: 353px;
	}

	.banner-38-1 .container-cv-5 {
		width: 100%;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.banner-38-1 {}

	.banner-38-1 .banner-newarrival-mid .carousel-item {
		min-height: 360px;
	}

	.banner-38-1 .banner-newarrival-mid .carousel-indicators {
		bottom: 5px;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.banner-38-1 {}

	.banner-38-1 .banner-newarrival-mid .carousel-item {
		min-height: 340px;
	}
}