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

.banner-38-1{
	margin:0;
	padding:0;
	margin-top: 9px;
	padding-top: 40px !important;
	min-height: 591px;
	background:url("../images/vision-123/ebvve.png") top center no-repeat;
}
.announce-block-top{
	padding-top: 35px;
	text-align:center;
}
.announce-block-top img{
	max-width:100%;
	height:auto;	
}
.announce-block-text{
	width:100%;
	height:auto;	
	font: 22px/35px 'kanit', Arial, sans-serif;
	color:#181818;
	text-align:center;
	margin-top: 20px;
	padding-bottom: 60px;
}
.banner-38-1 .banner1 {
	right:0;
	left:0;
	bottom: auto;
	padding: 20px;
	}
.banner-38-1 .banner1 img{
	width:100%;
	height: 334px;
	}	
.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;*/
	height: 477px;
	border-right:none;
	background:url(../images/banner-38-1/bg.png) top left no-repeat;
	background-size: 100% 100%;
}
.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: 350px;
       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: -33px;
}
.banner-38-1 .banner-newarrival-mid .carousel-indicators li{
	width:9px;
	height:9px;
	background: url(../images/all-38-1/normal-2.png) top left no-repeat;
	background-size:cover;
}
.banner-38-1 .banner-newarrival-mid .carousel-indicators .active{
	width:26px;
	height:8px;
	background:url(../images/all-38-1/select-1.png) top left no-repeat;
	background-size:cover;
}
/*************************************************/
@media (max-width: 359px) { 
	 .banner-38-1{
		     background: #f1faff url(../images/banner-38-1/bg.jpg) bottom center no-repeat;
}
.announce-block-top{
	    padding-top: 30px;	
	}
	.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;
}
.banner-38-1 .banner-newarrival-mid {
    margin-top: 15px;
}
.banner-38-1 .banner1 img {
    height: auto;
}
 }
 @media (min-width: 360px) and (max-width: 374px) {
	 .banner-38-1{
		     background: #f1faff url(../images/banner-38-1/bg.jpg) bottom center no-repeat;
}
.announce-block-top{
	    padding-top: 30px;	
	}
	.banner-38-1 .banner-newarrival{
		       margin-top: 0px;
	}
	.banner-38-1 .banner-newarrival-mid .carousel-item {
    	min-height: 224px;
 }
	.banner-38-1 {
    padding-bottom: 50px !important;
}
.banner-38-1 .banner-newarrival-mid {
    margin-top: 15px;
    height: 300px;
}
.banner-38-1 .banner1 img {
    height: auto;
}
 }
 @media (min-width: 375px) and (max-width: 413px) {
 	.banner-38-1 .banner1 {
   
    padding: 33px;
}
	 .banner-38-1{
		     background: #f1faff url(../images/banner-38-1/bg.jpg) bottom center no-repeat;
}
.announce-block-top{
	    padding-top: 30px;	
	}
	.banner-38-1 .banner-newarrival{
		       margin-top: 0px;
	}
	.banner-38-1 .banner-newarrival-mid .carousel-item {
    	min-height: 213px;
 }
	.banner-38-1 {
    padding-bottom: 24px !important;
}
.banner-38-1 .banner-newarrival-mid {
    margin-top: -25px;
    /* background: none; */
    height: 240px;
}
.banner-38-1 .banner1 img {
    height: auto;
}
 }
 @media (min-width: 414px) and (max-width: 575px) {
 	.banner-38-1 .banner1 {
    padding: 33px;
}
	 .banner-38-1{
		     background: #f1faff url(../images/banner-38-1/bg.jpg) bottom center no-repeat;
}
.banner-38-1 .banner1 img {
    height: auto;
}
.announce-block-top{
	    padding-top: 30px;	
	}
	.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;
}
.banner-38-1 .banner-newarrival-mid {
    margin-top: 15px;
    height: 290px;
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
	 .banner-38-1{
		     background: #f1faff url(../images/banner-38-1/bg.jpg) bottom center no-repeat;
}
.banner-38-1 .banner1 img {
    height: auto;
}
.announce-block-top{
	    padding-top: 30px;	
	}
	.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;
}
.banner-38-1 .banner-newarrival-mid {
    margin-top: 15px;
	height: 300px;
}
 }
@media (min-width: 768px) and (max-width: 991px) { 
	 .banner-38-1{
		     background: #f1faff url(../images/banner-38-1/bg.jpg) bottom center no-repeat;
}
.banner-38-1 .banner1 img {
    height: auto;
}
.announce-block-top{
	    padding-top: 30px;	
	}
	.banner-38-1 .banner-newarrival{
		       margin-top: 0px;
	}
	.banner-38-1 .banner-newarrival-mid .carousel-item {
    	    min-height: 390px;
	}
	.banner-38-1 {
    padding-bottom: 50px !important;
}
.banner-38-1 .banner-newarrival-mid {
    margin-top: 15px;
}
.banner-38-1 .container-cv-5{
	    width: 100%;
}

 }
@media (min-width: 992px) and (max-width: 1199px) { 
.banner-38-1{
		     background: #f1faff url(../images/banner-38-1/bg.jpg) bottom center no-repeat;
}
.banner-38-1 .banner-newarrival-mid .carousel-item{
	    min-height: 365px;
}
.banner-38-1 .container-cv-5{
	    width: 100%;
}
.banner-38-1 .banner1 img {
    height: auto;
}
.announce-block-text {
    padding-bottom: 40px;
}
 }
@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-newarrival-mid{
	/*padding:10px;
	    margin-top: 9px;*/
	height: 486px;
	}
	.banner-38-1{
	}
	.banner-38-1 .banner-newarrival-mid .carousel-item{
		min-height: 371px;
	}
	.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: 381px;
	}
	.banner-38-1 .banner-newarrival-mid .carousel-indicators{
		bottom: -24px;	
	}
 }
@media (min-width: 1441px) and (max-width: 1600px) { 
.banner-38-1{
	}
	.banner-38-1 .banner-newarrival-mid .carousel-item{
		min-height: 386px;
	}
 }