h1{
	margin-top: 120px;
	font-size: 60px;
    line-height: 60px;
}
.product-category{
	float: left;
	width: 100%;
	margin-top: 130px;
}
.product-category span.bi{
	width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #DDE2F8;
    background-image: url(../image/blog_slider_arr.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.product-category:hover span.bi{
	background-color: #E3D3E0;
}
.product-category span.product-category-title{
	font-size: 40px;
	line-height: 49px;
}
.product-category span.product-category-title2{
	position: relative;
	top: 4px;
	display: block;
	max-width: 125px;
	margin-left: 20px;
	font-weight: 800;
	font-size: 12px;
	line-height: 16px;
	color: #EB5757;
}
.product-left{
	background-color: #fff;
	height: calc(100vh - 237px);
	width: 575px;
	float: right;
	max-width: 49%;
}
.product-left h1{
	margin-top: 24px;
}
.product-left-content{
	position: relative;
	z-index: 3;
	background-color: transparent;
}
.product-right{
	position: relative;
	width: calc(100% - 720px);
	min-height: 100vh;
	margin-left: auto;
	line-height: 0.5;
	float: left;
	max-width: 49%;
}
.product-right img{
	width: 100%;
	height: auto;
}
.product-right img:first-child{
	width: initial;
	height: initial;
}
.product-image{
	width: 574px;
	height: 574px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
.product-description, .product-description2{
	position: relative;
	font-size: 16px;
	line-height: 26px;
}
.product-description{
	opacity: 0.8;
	margin-bottom: 30px;
}
.product-description2{
	font-weight: 700;
	margin-bottom: 18px;
}
.product-description-title{
	position: absolute;

	font-weight: 400;
	font-size: 12px;
	line-height: 26px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	opacity: 0.5;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: 0 0;
}
.product-description .product-description-title{
	top: 75px;
	left: 7px;
}
.product-description2 .product-description-title{
	top: 50px;
	left: 7px;
}
.product-attrs{
	padding-left: 46px;
	margin-bottom: 25px;
}
.product-attr{
	margin-right: 20px;
	font-weight: 700;
	font-size: 22px;
	line-height: 22px;
	opacity: 0.5;
}
.product-attr span{
	display: block;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}
.product-controls{
	width: 100%;
	max-width: 475px;
}
.product-quantity{
	font-size: 14px;
	line-height: 17px;
	text-align: right;
	color: rgba(53,53,68, 0.5);
}
.product-quantity span{
	max-width: 80px;
}
.product-quantity input{
	width: 45px;
	margin-left: 20px;
	background-color: transparent;
	border: 0;
	padding: 0;
	font-weight: 700;
	font-size: 36px;
	line-height: 1;
	text-transform: uppercase;
	color: #FF6E00;
}
.product-price{
	position: relative;
	max-width: 83px;
	margin-left: 4px;
	font-size: 12px;
	line-height: 15px;
	color: rgba(53,53,68, 0.5);
}
.product-price .price-old{
	position: absolute;
	top: -20px;
	left: 15px;
	margin-bottom: 4px;
	font-size: 14px;
	line-height: 17px;
	text-decoration: line-through;
	text-decoration-color: #EB5757;
	color: #353544;
}
.product-price .price span{
	margin-right: 7px;
	font-weight: 800;
	font-size: 18px;
	line-height: 22px;
	color: #353544;
}
.product-price .price-new{
	font-size: 18px;
	line-height: 16px;
	color: #353544;
}
.product-short-description{
	max-width: 80px;
	margin-left: 20px;
	font-size: 12px;
	line-height: 15px;
	color: rgba(53,53,68, 0.5);
}
.product-options{
	min-width: 99px;
	margin-left: 50px;
}
.product-option{
	position: relative;
	margin-right: 10px;
	padding-bottom: 1px;
	border-bottom: 3px solid transparent;
	cursor: pointer;
}
.product-option-act, .product-option:hover{
	border-bottom: 3px solid #EB5757;
}
.product-option:last-child{
	margin-right: 20px;
}
.product-option img{
	width: 41px;
	height: 41px;
}
.product-option input{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.product-quantity-btns{
	margin-right: 10px;
}
.product-quantity-btn{
	width: 60px;
	height: 60px;
	margin-right: 10px;
	margin-top: 30px;
	border-radius: 50%;
	background-color: rgba(53,53,68, 0.03);
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	color: #FF6E00;
	cursor: pointer;
}
.product-quantity-btn:hover{
	border: 1px solid rgba(53,53,68, 0.15);
	background-color: #fff
}
#button-cart{
	width: 250px;
	padding: 19px 60px;
	opacity: 0.85;
	margin-top: 30px;
	background-color: #000000;
	border-radius: 150px;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
}
#button-cart:hover{
	opacity: 1;
	background-color: #FF6E00;
}
footer {
	position: relative;
    margin-top: 0;
    height: 237px;
    overflow: hidden;
    background-color: #fff
}
.phone-img div.bi{
	top: -70px;
}
.product-vegan{
	max-width: 99px;
	margin-left: 15px;
	font-size: 10px;
	line-height: 10px;
	color: rgba(53, 53, 68, 0.7);
}
.product-vegan .bi{
	width: 40px;
	height: 40px;
	background-size: auto 100%;
	background-image: url('../image/vegan.png')
}
.product-vegan span{
	display: block;
	max-width: calc(100% - 45px);
	margin-left: 5px;
}
.product-description-text{
	width: 100%;
	font-size: 16px;
	line-height: 26px;
	max-height: 500px;
	overflow-y: auto;
	padding-right: 15px;
	-webkit-transform: translate(15px, 0);
	-moz-transform: translate(15px, 0);
	transform: translate(15px, 0);
}
.product-description-text ul{
	margin: 0 0 30px;
	padding-left: 40px;
	list-style-type: disc;
}
@media screen and (max-width: 1599px) {
	.product-attrs, .product-description2 p, .product-description{
		margin-bottom: 20px;
	}
	#button-cart, .product-quantity-btn{
		margin-top: 20px;
	}
	.product-left{
		left: 90px;
	}
	.product-image {
	    top: calc(100vh - 445px);
	    width: 475px;
	    height: 475px;
		max-width: 100%;
	}
	h1{
		font-size: 50px;
		line-height: 50px;
		margin-top: 105px;
	}
	.product-description, .product-description2 {
	    font-size: 15px;
	    line-height: 22px;
	}
	.product-attr {
	    font-size: 20px;
	    line-height: 20px;
	}
	.product-quantity {
	    font-size: 13px;
	    line-height: 1;
	}
	.product-quantity input{
		font-size: 30px;
	}
	.product-option img {
	    width: 32px;
	    height: 32px;
	}
}
@media screen and (max-width: 1400px) {
	.product-attrs, .product-description2 p, .product-description{
		margin-bottom: 15px;
	}
	#button-cart, .product-quantity-btn{
		margin-top: 15px;
	}
	.product-right {
    	width: calc(100% - 690px);
   	}
}
@media screen and (max-width: 1199px) {
	#content{
		display: flex;
	 	justify-content: space-between;
		padding-top: 130px;
	}
	.product-category{
		display: none;
	}
	.product-right img:first-child {
	    width: 200%;
	    height: 200%;
	}
	.phone-img div.bi {
	    top: -55px;
	}
	footer{
		height: initial;
	}
	.product-right {
    	width: calc(100% - 620px);
   	}
   	.product-left{
   		position: static;
   		width: 455px;
   		height: initial;
   		margin-bottom: 60px;
   	}
   	.product-right {
	    width: calc(100% - 490px);
	    margin-bottom: 60px;
	}
}
@media screen and (max-width: 959px) {
	.product-left{
   		width: 49%;
		float: right;
   	}
   	.product-attr{
   		margin-right: 12px;
   	}
   	.product-buy-btn, #button-cart{
   		width: 100%;
   	}
   	#button-cart {
	    padding: 14px 60px;
	    font-size: 16px;
	    line-height: 19px;
	}
	.product-right {
		position: relative;
	    width: 49%;
		float: left;
	}
	.product-image {
		left: -15px;
	    top: calc(100vh - 270px);
	    width: 269px;
	    height: 269px;
	}
}
@media screen and (max-width: 639px) {
	#content{
		flex-wrap: wrap;
	}
	.product-description, .product-description2{
		padding-left: 35px;
	}
	.product-attrs{
		padding-left: 35px;
	}
	.product-attr {
	    font-size: 16px;
	    margin-right: 10px;
	}
	.product-quantity-btn {
	    width: 50px;
	    height: 50px;
	}
	.product-right img{
		margin-bottom: 15px;
	}
	.product-right img:first-child {
	    width: 100%;
	    height: auto;
	}
	.product-image {
		position: relative;
	    left: 0;
	    top: 0;
	    width: 100%;
	    max-width: 290px;
	    height: 355px;
	    margin-left: auto;
	    margin-right: auto;
	}
}

@media screen and (max-width: 768px) {
	.product-left{
		width: 100%!important;
		max-width: 100%;
	}
	.product-right {
		width: 100%!important;
		right: 0;
		padding-top: 0;
		max-width: 100%;
        min-height: unset;
	}

	#content{
		display: block!important;
	}
	.product-image {
		max-width: 100%!important;
		margin: 0 auto!important;
	}
}