.Main_slider{
  display: flex;
  width: 400%;
height: 100%;
  transition: all 0.25s ease-in;
  transform: translateX(0);
}
@media only screen and (max-width: 1000px) {
  .Main_slider{
   height: 100%;


  }
}
.Main_slider .box {
  height: 100%;
  width: 100%;
  display: grid;
   align-items: center;
  overflow: hidden;
  position: relative;
 
}
@media only screen and (max-width: 650px) {
  .Main_slider .box {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(1, 1fr);
  }
}
.Main_slider .box .bg {
  padding: 2rem;
  background-color: rgba(0, 0, 0, 0.4);
  width: 55%;
  transform: skewX(10deg);
  position: absolute;
  height: 100%;
  left: 0%;
  padding-left: 0;
  transform-origin: 0 100%;
}

@media only screen and (max-width:1000px) {
  .Main_slider .box .bg {
    width: 100%;
	background-color: rgba(0, 0, 0, 0.1);
    left: 0;
    top: 0;
    height: 100%;
    transform: skewX(0deg);
  }
}
 
.Main_slider .box .details {
  padding: 0 3rem;
  padding-left: 6rem;
  z-index: 100;
  padding-bottom:200px;
  max-width:600px;
 
}
 
@media only screen and (max-width:1000px) {
	  .Main_slider .box .details {
		
			text-align: center;
			padding: 2rem;
			margin:0 auto;

		transform: translateY(-5rem);
	}

}
.Main_slider .box .details h2 {
	  font-size: 400%;
	  font-weight: 800;
	  color:#fff;
  
}
.Main_slider .box .details p {
	  display: block;
	  font-size: 150%;
	  font-weight: 600;
	  color: #fff; 
}
.Main_slider .box .details .priceara{
	margin-bottom:40px;	
	display:none;
}
.Main_slider .box .details .priceara .priceA{
	text-decoration: line-through;  
	color: #fff; 
	opacity:.6;
	 font-size: 150%;
}
.Main_slider .box .details .priceara .priceB{
	  font-size: 250%;
	  font-weight:700;
	  color: #fff; 
}
.Main_slider .box .details .link{
	margin-top:20px;
}
.Main_slider .box .details .link a{
	 font-size: 140%;
	  font-weight:600;
	  color: #fff; 
	  display:inline-block;
	  padding:5px 40px;
	  text-align:center;
	  background:#0508a8;
	  border-radius:20px;
}
.Main_slider .box .details .link a i{
	rotate: 180deg;
	margin-left:20px;
}



@media only screen and (max-width: 1000px) {
  .Main_slider .box .details p {
    margin-right: 0;
	word-break:normal;
	font-size: 140%;
  }
  .Main_slider .box .details h2 {
		font-size: 300%;
		word-break:normal;
  }
  .Main_slider .box .details .priceara .priceA{
		 font-size: 140%;
  }
  .Main_slider .box .details .priceara .priceB{
		font-size: 220%;
  }
  .Main_slider .box .details .link a{
		 font-size: 130%;
  }
}

@media only screen and (max-width:640px) {
   .Main_slider .box .details p {
     
	font-size: 130%;
  }
  .Main_slider .box .details h2 {
		font-size: 220%;
   }
   .Main_slider .box .details .priceara{
		margin-bottom:20px;
	
}
  .Main_slider .box .details .priceara .priceA{
		 font-size: 130%;
  }
  .Main_slider .box .details .priceara .priceB{
		font-size: 200%;
  }
  .Main_slider .box .details .link a{
		 font-size: 120%;
  }
}

@media only screen and (max-width:480px) {
 
  .Main_slider .box .details h2 {
		font-size: 200%;
	 
  }
  .Main_slider .box .details .priceara .priceA{
		 font-size: 120%;
  }
  .Main_slider .box .details .priceara .priceB{
		font-size: 180%;
  }
  .Main_slider .box .details .link a{
		 font-size: 110%;
  }
}




 
.Main_slider .box1 {
    background:url(../image/mainimg01.jpg) no-repeat center 0;
    background-size:cover;
}
 
 
.Main_slider .box2 {
  background:url(../image/mainimg02.jpg) no-repeat center bottom;
    background-size:cover;
}
 
 
.Main_slider .box3 {
  background:url(../image/mainimg03.jpg) no-repeat center bottom;
   background-size:cover;
}
 
 
.Main_slider .box4 {
  background:url(../image/mainimg04.jpg) no-repeat center bottom;
   background-size:cover;
}
  
 

.prev,
.next,
.trail {
  z-index: 100;
  position: absolute;
}

.prev,
.next {
  width: 4rem;
  cursor: pointer;
  opacity: 0.2;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 650px) {
  .prev,
.next {
    display: none;
  }
}
.prev:hover,
.next:hover {
  opacity: 1;
}

.prev {
  top: 50%;
  left: 2%;
 
}

.next {
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
}


.trail {
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
	 
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.trail .main_wrap{
  
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0rem;
  align-items: stretch;
	align-content: stretch;
	justify-content: stretch;
  text-align: center;
  font-size: 120%;
  font-weight:600;
 
	color:#fff;
	 
}
 
.trail .main_wrap div {
  padding: 30px 10px 30px 10px; 
  border-left: 1px solid rgba(255,255,255,.2); 
  opacity: 0.7;
  transition: all 0.3s ease;
  box-shadow:none;
  border-collapse: collapse;
  box-sizing: content-box;
  display: grid;
		grid-auto-flow: dense;
		align-items: stretch;
		align-content: center;
		justify-content: stretch;
}
.trail .main_wrap div:last-child {border-right: 1px solid rgba(255,255,255,.2); }
.trail .main_wrap div.active,
.trail .main_wrap div:hover {
  opacity: 1;
  
  border-left: 1px solid rgba(255,255,255,0);
  box-shadow:none;
  background:#ff440a;
  
  
}


.active {
  opacity: 1 !important;
 

}
@media(max-width:1000px){
	 .trail {
		  bottom: 15%;

		  }
	  .trail .main_wrap{
			 font-size: 90%;
	  }
	  .trail .main_wrap div {
		padding: 10px 10px 20px 10px; 
		}
 }
  @media(max-width:640px){
	  .trail {
		  bottom: 18%;

		  }
  }

 @media(max-width:480px){
	  .trail {
		  bottom: 13%;

		  }
	  .trail .main_wrap{
			 font-size: 70%;
	  }
	  .trail .main_wrap div {
		 padding: 10px 3px 40px 3px; 
	  }
 }