@media only screen and (max-width: 1200px) {
body { font-size: 15px}
.product-left-content{ width:40%}
.product-right-content { width:60%}
.container { padding: 0 15px}
.prc-inner .product-intro h1 { font-size:26px}
.prc-inner .product-intro h6 { font-size:17px}
.prc-inner .product-intro p { font-size:15px}
.prc-row h2 { font-size:19px}
.large-container { padding: 0 15px}
.pd-listing li { width:33.33333333333333%}
}
@media only screen and (max-width: 1023px) {
.product-left-content{ height:400px}
.prc-row ul.choose-sizes li, .prc-row .choose-sizes.choose-design li, .prc-row ul.p-sizes li { width:50%; margin-bottom: 15px}
ul.choose-sizes.choose-design li .col { min-height:235px}
.prc-row ul.choose-sizes.choose-design li ul li { width: 100%}
.prc-row ul.choose-sizes.choose-design li ul li { margin-bottom:5px}
.prc-row ul.choose-sizes.choose-design li ul li:last-child { margin-bottom: 0}
ul.choose-sizes li .col figure { height: 75px}
.fc-left { width: 35%}
.fc-right { width: 65%}
.pd-listing li { width:50%}
}
@media only screen and (max-width: 821px) {
ul.choose-corners li { width:100%; margin-bottom: 14px}
}
@media only screen and (max-width: 767px) {
.filter-option { display: block}
.fc-left {left:-100%; width:350px;z-index: 999; position: fixed; top:0; background:rgba(0,0,0, 0.7)}
.fc-right {width: 100%; padding-left: 0}
.fc-left.active { left:0}
.fc-left .fc-inner {max-width:100%; padding:10px 10px; width:100%; height:100VH; overflow-y: scroll;  overflow-x:hiden; position: relative; background: #fff;-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.1);-o-box-shadow: 0 0 3px rgba(0,0,0, 0.1);-ms-box-shadow: 0 0 3px rgba(0,0,0, 0.1); border-right:1px solid #666} 
.fo-close { display: block; position: relative; top:-9px; right: -10px; float:right;  border:0;color: #333; width: 30px; height: 30px; line-height: 30px; text-align: center}
/*.fo-close i{ font-size:32px; position: relative; top:2px}*/
.fo-close:before, .fo-close:after { content: ''; position: absolute; top:13px; left:0; right:0; margin: 0 auto;width: 24px; height: 2px; background: #333; transform: rotate(45deg);}
	.fo-close:after{ transform: rotate(-45deg);}
	.fc-intro { margin-top: 20px}
	.fc-overlay {width: 100%;height: 100%;position: fixed;top: 0; left: 0;background: rgba(0, 0, 0, 0.7);z-index: 888;display: none;}
body { font-size: 14px}
.prc-inner .product-intro h1 { font-size:21px}
.prc-inner .product-intro h6 { font-size:15px}
.prc-inner .product-intro p { font-size:13px}
.prc-row h2 { font-size:16px}
/*.product-left-content, .product-right-content { width: 100%}*/
.product-intro { margin-top: 30px}
/*.product-right-content .prc-inner { padding-left: 0}*/
ul.p-sizes li .col figure { height: 200px}
.summary-box .total-price, .summary-box .tp-text { font-size: 17px}
.prc-inner .product-intro p { margin-bottom:15px}
}
@media only screen and (max-width: 640px) {
.product-left-content, .product-right-content { width: 100%}
.page--content {ms-flex-direction: column !important;flex-direction: column !important}
.product-left-content { -moz-position:inherit; -o-position: inherit;-ms-position: inherit; position: inherit}
.product-right-content .prc-inner { padding-left: 0}
	ul.p-sizes li .col figure { height: 150px}
	ul.choose-sizes.choose-design li .col { min-height: 135px}
}
@media only screen and (max-width: 540px) {
.prc-row ul.choose-sizes li, .prc-row .choose-sizes.choose-design li, .prc-row ul.p-sizes li, ul.choose-corners li { width:100%; margin-bottom: 15px}
ul.p-sizes li .col figure, ul.choose-sizes li .col figure,ul.choose-sizes.choose-design li .col figure { height:auto}
ul.choose-sizes.choose-design li .col { min-height: inherit}
.pd-listing li { width: 100%}
.pd-listing li.upload-first .col figure, .pd-listing li .col figure, .pd-listing li.upload-first .col figure img, .pd-listing li .col figure img { height:auto}

}
@media only screen and (max-width: 360px) {
	.fc-left {max-width:310px}
	.fc-chkbox .checkbox .text strong { width: 85%}
	.fc-chkbox .checkbox .text i { width: 15%}
}