@font-face {
    font-family: 'Frank Ruhl Libre', serif;
    src: url('Minion_Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
	.wrap{
		float: left;
		width: 100%;
		height: auto;background-color:#fff;
	}
	.banner{
		float: left;
		width: 100%;
		height: auto;
		position: relative;
	}
	.banner img{
		width: 100%;
		border: 0;
	}
	.banner .mb{
		display: none;
	}
	.banner .pc{
		display: block;
	}
	.banner .content{
		position: absolute;
		top: 33%;
		left: 28%;
		width: 45%;
	}
	.banner .content h1{
		float: left;
		width: 100%;
		font-family: 'ceraBold',serif;
		font-weight: bold;
		font-size: 50px;
		color: #000;
		padding: 0;
		margin: 0;
	}
	.banner .content .subtitle{
		float: left;
		width: 100%;
		font-family: 'ceraBold',serif;
		font-size: 22px;
		color: #000;
		padding: 0;
		margin: 0;
		margin: 20px 0 0;
		color: #000;
	}	
	.banner .social-media{
		position: absolute;
		bottom: -40px;
		right: 10px;
		width: auto;
	}
	.banner .social-media a{
		text-decoration: none;
		float: left;
		padding: 0 5px 0 0;
	}
	.banner .social-media a img{
		width: 24px;
	}

	.page-wrap{
		margin: 0 auto;
		width: 1200px;
		height: auto;
	}
	.spacer{
		font-size: 0;
		line-height: 0;
		clear: both;
	}
	.page-content{
		float: left;
		width: 100%;
		height: auto;
		font-family: 'Frank Ruhl Libre', serif;
		font-size: 24px;
		text-align: left;
		margin: 50px 0 100px;
		color: #000;
		position: relative;
		line-height: 28px;
	}
	.product-block{
		float: left;
		width: 90%;
		height: auto;
		margin-bottom: 45px;
	}
	.product-block:nth-child(odd){
		float: right;
	}
	.product-block .sections{
		float: left;
		width: 47%;
	}
	.product-block .sections:nth-child(2){
		float: right;
	}
	.product-block .sections .frame{
		float: left;
		width: calc(55% - 15px);
		margin-right: 15px;
		background-size: contain;
		height: 450px;
		position: relative;
	}
	.product-block .sections .frame .model1{
		float: left;
		width: 100%;
		text-align: center;
	}
	.product-block .sections .frame .model1 img{
		position: relative;
		width: 100%;
	}
	.product-block .sections .detail{
		float: left;
		width: calc(45% - 15px);
		margin-left: 15px;
	}
	.product-block .sections .detail .title{
		float: left;
		width: 100%;
		height: auto;
		font-family: 'ceraBold',serif;
		font-size: 22px;
		color: #ee66a6;
		margin: 15px 0 0;
	}
	.product-block .sections .detail .discription{
		float: left;
		width: 100%;
		height: auto;
		font-family: 'Frank Ruhl Libre', serif;
		font-size: 18px;
		color: #000000;
		margin: 30px 0 0;
		line-height: 22px;
	}
	.product-block .sections .detail .price{
		float: left;
		width: 100%;
		height: auto;
		font-family: 'YantramanavBold',serif;
		font-size: 22px;
		color: #000000;
		margin: 10px 0 0 0;
	}
	.product-block .final-section{
		float: right;
		width: 50%;
		height: auto;
		margin: -80px 0 0;
		position: relative;
	}
	.product-block .final-section img{
		width: 100%;
	}
@media (max-width: 480px){
	.page-wrap{
		float: left;
		width: 100%;
		margin: 0;
	}
	.banner .content h1{
		font-size: 16px;
	}
	.page-content{
		font-size: 16px;
		text-align: justify;
		padding: 0 10%;
		margin: 50px 0;
	}

	.banner .mb{
		display: block;
	}
	.banner .pc{
		display: none;
	}
	.product-block{
		width: 100%;
		padding: 0 10%;
		margin: 0;
	}
	.product-block .sections{
		width: 100%;
		margin-bottom: 45px;
	}
	.product-block .sections .detail .title{
		font-size: 16px;
	}
	.product-block .sections .detail .discription{
		font-size: 14px;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		height: 110px; 
		overflow: hidden; 
		text-overflow: ellipsis;
	}
	.product-block .sections .detail .price{
		font-size: 18px;
	}
	.product-block .sections .frame{
		height: auto;
	}
	.product-block .sections:nth-child(2) .frame{
		float: right;
	}
	.product-block .sections .detail{
		margin: 0;
	}
	.product-block .final-section{
		float: left;
		width: 100%;
		height: auto;
		margin: 0;
		padding-bottom: 50px;
	}
	.banner .social-media {
	    bottom: -30px;
	}
	.banner .social-media a img{
		width: 18px;
	}
}