*{
	box-sizing:border-box;
}


/*Main slider wrapper*/
.MSW{
	padding:1em;
	height:40em;
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px solid rgb(230, 227, 227);
	overflow:hidden;
}

/*Right panel wrapper*/
.RPW{	
	padding:1em;
	font-size:0.7em;
}

/*Bottom panel wrapper*/
.BPW{
	padding:1em;
	font-size:2em;
}

.BPW li{
	color:gray;
	font-size:1em;
}

.BPW .Title{
	font-weight:bold;
	margin-top:2em;
	margin-bottom:1em;
	font-size:1em; 
	border-bottom:1px solid dimgray;
}


.ViewImage{
	width:auto%;
	height:100%;
	object-fit:contain;
}


.ViewTitle{
	font-size:3.5em;
	color:black;
}

.ViewPrice{
	border-top:1px solid Gainsboro;
	border-bottom:1px solid Gainsboro;
	padding:6px 0 6px 0;
	margin:3px 0 0 3px;
	font-weight:bold;
	font-size:2em;
	color:gray;
	margin-top:1em;
}

.ViewMainDesc{ 
	text-align:justify;
	color:gray;
	font-size: 3em; 
}

.dic {
    text-align: justify;
    color: gray;
    font-size: 3em;
}

.BPW li{
	margin-bottom:0.9em;
}


/*Slideshwo wraper*/
.SlideShowWrapper{
	width:100%;
	display:flex;
	position:relative;
	height:100%;
	background-color:teal;
}

/*Small image wrapper*/
.SmallImageWrapper{
	height:5rem;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background-color:black;
}

.SmallImageWrapper{
	display:flex;
	justify-content:center;
}

.SmallImage{
	margin:0.5em;
	height:100%;
	background-color:red;
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.RPW{
		font-size:0.4em;
	}
	.ViewTitle{
		font-size:2em;
	}
	.ViewTitle{
		font-size:5em;
	}
	.BPW li{
		margin-bottom:0.5em;
		font-size:0.6em;
	}	
	.ViewPrice{
		font-size:2em;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	
}