@media screen and (min-width: 721px){
 ._con { padding-top:0; } 
 .menuinforTxt { margin-bottom: 30px; text-align: center; padding: 20px 0; background-color: var(--bg_03); } 
 .menuinforTxt span { padding: 0 5px; font-weight: 600; background-image: linear-gradient(to bottom, var(--bg_03) 60%, var(--colmainY) 40%); } 
 .menuinforTxt span br { display: none; } 
 ._pageTop .location { display: none; } 
 }/*721px*/



.productList ul { display: flex; flex-wrap: wrap; gap: 50px 34px; } 
.productList ul li { border-radius: 8px; overflow: hidden; position: relative; cursor: pointer; background-color: var(--bg_03); width: calc((100% - (34px * 3))/4); } 
.productList ul li:hover { background-color: var(--bg_02); } 
.productList ul li .tit { height: 64px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 18px; line-height: 26px; font-weight: 700; } 
.productList ul li .txt { display: none; } 
.productList ul li .productImg { width: 100%; margin-bottom: 20px; } 
.productList ul li .productImg.bgPng { padding-top: 30px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; } 
.productList ul li .productImg.bgPng img { width: 200px; } 
.productList ul li .productImg img { width: 100%; } 
.productList ul li .productInfor { padding: 0 20px; padding-bottom: 36px; } 
.productList ul li .productInfor .priceWrap { display: flex; justify-content: center; gap: 12px; margin-top: 12px; } 
.productList ul li .productInfor .priceWrap .box { display: flex; gap: 6px; align-items: center; } 
.productList ul li .productInfor .priceWrap .box .size { background-color: var(--colmainY); width: 20px; height: 20px; text-align: center; line-height: 20px;; border-radius: 20px;; font-size: 12px; font-weight: 600; } 
.productList ul li .productInfor .priceWrap .box .price { font-size: 16px; font-weight: 600; } 
.productList ul li .productInfor .productCount { flex-wrap: wrap; display: flex; gap: 16px; justify-content: center; } 
.productList ul li .productInfor .productCount .cart { width: 64px; height: 42px; font-size: 16px; font-weight: 700; background-color: var(--colmainY); border-radius: 42px;; } 
.productList ul li .productInfor .productCount ._countBtn { background-color: #fff; } 
.productList ul li .productInfor .productCount .price { width: 100%; text-align: center; font-size: 16px; font-weight: 600; } 
.productList ul li .labelBox { position: absolute; left: 4px; top:4px;; display: flex; gap: 4px; } 
.productList ul li .labelBox span { display: block; font-size: 14px; padding: 3px 6px; border-radius: 6px; color: #fff; font-weight: 600; line-height: 14px; } 
.productList ul li .labelBox span.red { background-color:#E72C30; } 
.productList ul li .labelBox span.green { background-color:#68B82E; } 
.productList ul li .labelBox span.blue { background-color:var(--colmainB); } 
.productList ul li .labelBox span.yellow{background-color:#FFCD00; color: #000;}




@media screen and (max-width: 720px){
 .menuinforTxt { text-align: center; padding: var(--20) var(--36); background-color: var(--bg_03); } 
.menuinforTxt span { font-size: var(--22); font-weight: 600; line-height: var(--36); background-image: linear-gradient(to bottom,var(--bg_03) 60%, var(--colmainY) 40%); } 
.menuinforTxt span br { display: block; } 
footer { padding-bottom: var(--20); } 
.wrapper { padding: calc(var(--200) + var(--80)) 0 var(--100); } 
._pageTop .location { padding: 0 var(--64); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-align: center; background-color: var(--bg_03); line-height: var(--64); } 
._pageTop .location span { background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_location_b.png); padding-left: var(--32); background-position: left; font-size: var(--26); background-size: var(--22); } 

.productList ul { gap: var(--16); padding:var(--30) var(--16); } 
.productList ul li { width: calc(50% - var(--8)); border-radius: var(--24); } 
.productList ul li .tit { height: var(--72); font-size: var(--26); line-height: var(--30); } 
.productList ul li .productImg { margin-bottom: var(--16); } 
.productList ul li .productImg.bgPng { padding-top: var(--36); margin-bottom: var(--10); } 
.productList ul li .productImg.bgPng img { width: var(--240); } 
.productList ul li .productImg.bgPng { padding-top: var(--40); } 
.productList ul li .productInfor { padding: 0 var(--10); padding-bottom: var(--42); } 
.productList ul li .productInfor .priceWrap { gap: var(--16); margin-top: var(--16); } 
.productList ul li .productInfor .priceWrap .box { gap: var(--6); } 
.productList ul li .productInfor .priceWrap .box .size { width: var(--28); height: var(--28); text-align: center; line-height: var(--28); border-radius: var(--28); font-size: var(--20); } 
.productList ul li .productInfor .priceWrap .box .price { font-size: var(--24); line-height: var(--24); letter-spacing: -0.03vw; font-weight: 500; } 
.productList ul li .productInfor .productCount { gap: var(--24) var(--6); } 
.productList ul li .productInfor .productCount .cart { width: var(--100); height: var(--70); font-size: var(--26); font-weight: 700; background-color: var(--colmainY); border-radius: 42px;; } 
.productList ul li .productInfor .productCount ._countBtn { background-color: #fff; } 
.productList ul li .productInfor .productCount .price { font-size: var(--24); } 
.productList ul li .labelBox { left: var(--10); top: var(--10); gap: var(--6); } 
.productList ul li .labelBox span { font-size: var(--24); line-height: var(--24); padding:var(--6) var(--10) var(--6); border-radius: var(--10); } 







}/*720px*/