@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
html, body {
	position: relative;
	height: 100%;
}
body{font-family: 'Poppins', sans-serif; font-weight:400; position: relative; background: #fff}

.form-control::-moz-placeholder {color: #818181 !important; opacity: 1;}
.form-control:-ms-input-placeholder {color: #818181 !important;}
.form-control::-webkit-input-placeholder {color: #818181 !important;}
a{text-decoration: none !important}

.md-10{margin: 0 -10px}
.pd-10{padding: 0 10px}
.md-5{margin: 0 -5px}
.pd-5{padding: 0 5px}
.full{width: 100%}

.content-main-area{width: 100%; margin: 0 auto; height: 100%; position: relative; background: #fff}
.content-main-area .welcome-bg{width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center;}
.content-main-area .welcome-bg img.bg{width: 100%; height: 95%;}
.content-main-area .welcome-bg::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(105, 103, 103, 0.90); z-index: 1}
.content-main-area .welcome-bg .home-content-inner{position: relative; z-index: 2; width: 100%; max-width: 375px; padding: 0 20px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.content-main-area .welcome-bg .home-content-inner .logo{width: auto; height: auto; margin: 0 auto 60px auto; display: flex; justify-content: center; align-items: center;}
.content-main-area .welcome-bg .home-content-inner .logo img{width:100%}
.content-main-area .welcome-bg .home-content-inner .btn-menu{display: block; width: 100%; text-align: center; background: #09C283; color: #fff; font-size: 16px; font-weight: 500; line-height: 48px; border-radius: 10px; margin: 0 0 15px 0; text-decoration: none;}
.content-main-area .welcome-bg .home-content-inner .btn-pay{display: block; width: 100%; text-align: center; background: #fff; color: #09C283; font-size: 16px; font-weight: 500; line-height: 48px; border-radius: 10px; text-decoration: none; border: 1px solid #09C283;}
.content-main-area .welcome-bg .bottom-area{position: fixed !important; width: 100%; bottom: 20px !important; left: 0px; z-index: 4; padding:0 10px 34px 10px; text-align: center; font-size: 12px; line-height: 16px; color: #fff;}
.content-main-area .welcome-bg .bottom-area a{color: #09C283}
.content-main-area .welcome-bg .bottom-area .icon{margin: 0 0 6px 0}
.content-main-area .welcome-bg::after{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 142px; background: linear-gradient(180deg, rgba(213, 197, 183, 0.00) -0.04%, rgba(0, 0, 0, 0.70) 100%); z-index: 2}

.top-area-main{background: #fff; padding: 10px 0 0 0; position: fixed;  z-index: 5;  width: 100%}
.top-area-main .search-area{background: #fff; padding: 0 16px; position: relative;}
.top-area-main .search-area .link-icon{width: 28px; height: 28px; padding: 1px; display: block; position: absolute; left: 16px; z-index: 2}
.top-area-main .search-area .link-icon .grid-icon{display: block;}
.top-area-main .search-area .link-icon .list-icon{display: none;}
.top-area-main .search-area .link-icon.active .grid-icon{display: none;}
.top-area-main .search-area .link-icon.active .list-icon{display: block;}
.top-area-main .search-area .link-icon img{width: 100%; height: 100%}
.top-area-main .search-area .search-input{padding-left: 32px; position: relative;}
.top-area-main .search-area .form-control{height: 28px; padding: 0px 15px; border-radius: 20px; border: 1px solid #000; font-size: 14px;}
.top-area-main .search-area .form-control:focus{box-shadow: none; }
.top-area-main .search-area .btn-filter{position: absolute; top: 0px; right: 0px; border-left: #000 1px solid; padding: 1px 12px 1px 8px}
.top-area-main .search-area .btn-filter img{width: 100%}
.top-area-main .category-menu{ margin: 16px 0px 15px 0px; padding: 0px 0px 0px 20px; }
.top-area-main .category-menu a{color: #160A2A; font-size: 12px; font-weight: 500; line-height: 16px; text-transform: uppercase; display: block;}
.top-area-main .category-menu a.active{color: #09C283}
.top-area-main .category-menu .owl-dots{display: none}
.top-area-main .subcategory{background: #000; }
.top-area-main .subcategory .subcateslider{padding: 15px 0 10px 18px}
.top-area-main .subcategory .sub-cate{width: 130px; }
.top-area-main .subcategory .sub-cate .img-area{width: 90%; height: 80px; overflow: hidden; border-radius: 12px; position: relative; }
.top-area-main .subcategory .sub-cate .img-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.top-area-main .subcategory .sub-cate .name{color: #F8F3F3; font-size: 11px; font-weight: 400; line-height: 18px; text-align: center; margin: 4px 0 0 0}
.top-area-main .subcategory .owl-dots{display: none}

.product-area{padding: 226px 15px 75px 15px; background: #fff}
.product-area .cate-name{  font-size: 14px; line-height: 20px; font-weight: 700; color: #160A2A; margin: 0 0 10px 0}
ul.product-list{margin: 0px -3px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
ul.product-list li{margin: 0 0 10px 0; width: 33.33%; padding: 0 3px}
ul.product-list li .product-box{border: #EBEBED 1px solid; position: relative; padding: 10px 10px 10px 150px; min-height: 142px; border-radius: 12px}
ul.product-list li .product-box .photo-area{position: absolute; top: 10px; left: 10px; text-align: center;}
ul.product-list li .product-box .photo-area p{font-size: 10px; color: #7B7781; line-height: 15px; font-weight: 400; margin: 15px 0 0 0}
ul.product-list li .product-box .photo-area .green-part{position: absolute; top: 71px; left: 50%; margin-left: -50px; background: #09C283; width: 100px; text-align: center; border-radius: 25px; display: flex; justify-content: center; align-items: center; color: #fff;}
ul.product-list li .product-box .photo-area .green-part span{color: #fff; cursor: pointer; width: 35px; height: 35px; line-height: 35px; font-size: 22px;}
ul.product-list li .product-box .photo-area .btn-cart{line-height: 30px; padding: 0 13px; color: #fff; font-size: 12px; font-weight: 400}
ul.product-list li .product-box .photo-area .btn-cart .count-text {font-size: 16px !important;}
ul.product-list li .product-box .photo-area .btn-cart i{font-size: 16px; line-height: 35px;}
ul.product-list li .product-box .photo{width: 126px; height: 94px; position: relative; overflow: hidden; background: #e9e9e9; border-radius: 10px;}
ul.product-list li .product-box .photo img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: contain; width: 100%; height: 100%; }
ul.product-list li .product-box .product-content h2{font-size: 14px; line-height: 20px; font-weight: 700; color: #160A2A; margin: 0 0 10px 0}
ul.product-list li .product-box .product-content p{font-size: 11px; line-height: 16px; color: #7B7781; margin: 0 0 10px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
ul.product-list li .product-box .product-content .price{font-size: 14px; line-height: 16px; color: #160A2A; margin: 0px; position: relative; display: flex;}
ul.product-list li .product-box .product-content .price::before{content: ''; background: url(../images/price-icon.png) center center no-repeat; width: 16px; height: 16px; margin: 0 8px 0 0}
ul.product-list.grid{margin: 0 -3px; }
ul.product-list.grid li{width: 20%; padding: 0 3px}
ul.product-list.grid li .product-box{padding: 10px; display: flex; flex-direction: column; height: 100%;}
ul.product-list.grid li .product-box .photo-area p{margin: 20px 0 0 0}
ul.product-list.grid li .product-box .photo-area{position: relative; top: 0px; left: 0px; min-height: 160px;}
ul.product-list.grid li .product-box .photo{width: 100%; height: 120px;}
ul.product-list.grid li .product-box .photo-area .btn-cart{top: 107px; }
ul.product-list.grid li .product-box .product-content{text-align: center; }
ul.product-list.grid li .product-box .product-content .price{justify-content: center;}
ul.product-list.grid li .product-box .photo-area .green-part{top: 100px;}
.bottombar{position: fixed; bottom: 0px; left: 0px; width: 100%; padding: 0 15px 25px 15px; z-index: 1000;}
.btn-place-order{display: flex; justify-content: space-between; background: #09C283; font-size: 15px; font-weight: 700; color: #fff; padding: 10px 20px; border-radius: 25px}
.btn-place-order:hover{color: #fff}

.product-info-bg{background: #000; opacity: 0.6; position: fixed; bottom: -100%; left: 0px; width: 100%; height: 100%; z-index: 10; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.product-info-bg.opened{ bottom: 0%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.product-info-block{background: #fff; position: fixed; bottom: -360px; width: 100%; min-height: 360px; border-radius: 20px 20px 0 0; z-index: 11; padding: 16px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.product-info-block.opened{bottom: 0px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.product-info-block .border-line{background: #CDCDD7; width: 34px; height: 4px; margin: 10px auto 16px auto; border-radius: 5px; cursor: pointer;}
.product-info-block .product-photo{width: 100%; height: 180px; border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 20px}
.product-info-block .product-photo img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; width: 100%; height: 100%; }
.product-info-block .product-info{padding-right: 100px; position: relative;}
.product-info-block .pro-title{font-size: 18px; line-height: 24px; font-weight: 700; margin: 0 0 10px 0}
.product-info-block p{font-size: 12px; line-height: 21px; margin: 0px; color: #7B7781; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.product-info-block .price-area{position: absolute; top: 0px; right: 0px}
.product-info-block .price-area .price{font-size: 14px; line-height: 16px; color: #160A2A; margin: 0px; position: relative; display: flex; margin: 5px 0 15px 0}
.product-info-block .price-area .price::before{content: ''; background: url(../images/price-icon.png) center center no-repeat; width: 16px; height: 16px; margin: 0 8px 0 0}
.product-info-block .price-area .btn-add{background: #09C283; line-height: 30px; border-radius: 25px; padding: 0 30px; color: #fff; font-size: 12px; font-weight: 400; display: block;}


.customise-info-bg{background: #000; opacity: 0.6; position: fixed; bottom: -100%; left: 0px; width: 100%; height: 100%; z-index: 10; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.customise-info-bg.opened{ bottom: 0%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.customise-block{background: #fff; position: fixed; bottom: -360px; width: 100%; min-height: 360px; border-radius: 20px 20px 0 0; z-index: 11; padding: 16px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.customise-block.opened{bottom: 0px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.customise-block h2{font-size: 16px; line-height: 24px; color: #160A2A; font-weight: 700; margin: 0 0 30px 0}
.customise-block h2 span{display: block; font-size: 12px; line-height: 16px; color: #7B7781; font-weight: 400}
.customise-block ul.option-list{margin: 0px; padding: 0px; list-style: none; overflow-y: scroll; max-height: 158px}
.customise-block ul.option-list li{margin: 0 0 12px 0; padding-right: 10px}
.customise-block input[type=radio].css-radio {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.customise-block input[type=radio].css-radio + label.css-radiobtn{color: #002162; font-size: 14px; font-weight: 400; line-height: 22px; position: relative; padding-left: 28px; margin: 0px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.customise-block input[type=radio].css-radio + label.css-radiobtn::before{content: ''; width: 22px; height: 22px; border-radius: 20px; border: 2px solid #C2C2C652; background: transparent; position: absolute; top: 0px; left: 0px}
.customise-block input[type=radio].css-radio:checked + label.css-radiobtn::after{content: ''; position: absolute; top: 6px; left: 6px; width: 10px; height: 10px; background: #fff; border-radius: 6px}
.customise-block input[type=radio].css-radio:checked + label.css-radiobtn::before{background: #09C283; border: #09C283 2px solid}
.customise-block input[type=checkbox].css-radio {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.customise-block input[type=checkbox].css-radio + label.css-radiobtn{color: #002162; font-size: 14px; font-weight: 400; line-height: 22px; position: relative; padding-left: 28px; margin: 0px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.customise-block input[type=checkbox].css-radio + label.css-radiobtn::before{content: ''; width: 22px; height: 22px; border-radius: 20px; border: 2px solid #C2C2C652; background: transparent; position: absolute; top: 0px; left: 0px}
.customise-block input[type=checkbox].css-radio:checked + label.css-radiobtn::after{content: ''; position: absolute; top: 6px; left: 6px; width: 10px; height: 10px; background: #fff; border-radius: 6px}
.customise-block input[type=checkbox].css-radio:checked + label.css-radiobtn::before{background: #09C283; border: #09C283 2px solid}
.customise-block .price{font-size: 14px; line-height: 16px; color: #160A2A; margin: 0px; position: relative; display: flex; }
.customise-block .price::before{content: ''; background: url(../images/price-icon.png) center center no-repeat; width: 16px; height: 16px; margin: 0 8px 0 0}
.customise-block .btn-continue{background: #09C283; color: #fff; font-size: 16px; line-height: 24px; padding: 12px; width: 100%; border-radius: 25px; display: block; text-align: center; margin-top: 30px}


.summary-page{padding: 15px;}
.summary-page ul.summary-block{margin: 0px; padding: 16px; background: #fbf2e9; list-style: none; border-radius: 15px}
.summary-page ul.summary-block li{display: flex; justify-content: space-between; position: relative; padding: 16px; font-size: 14px; line-height: 24px; margin-bottom: 12px; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 12px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); transition: all 0.2s ease;}
.summary-page ul.summary-block li:hover{box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-color: #dee2e6;}
.summary-page ul.summary-block li .qty{width: 24px; height: 24px; background: #E3E3E3; border-radius: 50%; line-height: 24px; text-align: center; font-size: 12px; font-weight: 400; color: #160A2A; position: absolute; top: 0px; left: 0px;}
.summary-page ul.summary-block li .total-bill{display: flex; align-items: center;}
.summary-page ul.summary-block li .total-bill img{margin-right: 8px}
/* .summary-page h2{font-size: 14px; line-height: 24px; font-weight: 700; color: #160A2A; margin: 12px 0px 12px 12px; display: flex; align-items: center;} */
.summary-page h2 a{display: inline-flex;}
.summary-page h2 img{margin-right: 8px}
.summary-page .placeorder-area{padding: 10px;}
.summary-page .placeorder-area hr{border-top: #CCCCDB 1px solid; margin: 0 0 14px 0}
.summary-page .placeorder-area .btn-more{display: flex; font-size: 12px; line-height: 24px; color: #160A2A; font-weight: 400; margin: 0 0 16px 0}
.summary-page .placeorder-area .btn-more .icon{width: 24px; height: 24px; line-height: 24px; text-align: center; background: #E3E3E3; border-radius: 50%; color: #160A2A; font-size: 14px; margin-right: 10px}
.summary-page .placeorder-area ul.payment-button{margin: 0px 0px 16px 0px; padding: 0px; list-style: none; display: flex; }
.summary-page .placeorder-area ul.payment-button li{margin: 0 22px 0 0}
.summary-page .placeorder-area input[type=radio].css-radio {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.summary-page .placeorder-area input[type=radio].css-radio + label.css-radiobtn{color: #262B27; font-size: 14px; font-weight: 400; line-height: 22px; position: relative; padding-left: 28px; margin: 0px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.summary-page .placeorder-area input[type=radio].css-radio + label.css-radiobtn::before{content: ''; width: 22px; height: 22px; border-radius: 20px; border: 2px solid #C2C2C652; background: transparent; position: absolute; top: 0px; left: 0px}
.summary-page .placeorder-area input[type=radio].css-radio:checked + label.css-radiobtn::after{content: ''; position: absolute; top: 6px; left: 6px; width: 10px; height: 10px; background: #fff; border-radius: 6px}
.summary-page .placeorder-area input[type=radio].css-radio:checked + label.css-radiobtn::before{background: #09C283; border: #09C283 2px solid}
.summary-page .placeorder-area .btn-placeorder{border: #09C283 1px solid; line-height: 38px; padding: 0 40px; color: #09C283; display: inline-block; border-radius: 25px; font-size: 16px; font-weight: 500}

.light{border-top: #CCCCDB 1px solid;}
.gray-block{background: #F5F5F5; margin-bottom: 15px; border-radius: 15px; padding: 15px}
.gray-block h3{font-size: 14px; line-height: 18px; font-weight: 500; color: #160A2A; margin: 0 0 10px 0}
.gray-block p{font-size: 11px; line-height: 16px; color: #1C1B1F; margin: 0px; font-weight: 400}
.gray-block ul.tip-list{margin: 10px 0px 0px 0px; padding: 0px; list-style: none; display: flex; flex-wrap:wrap;}
.gray-block ul.tip-list li{margin-right: 10px}
.gray-block ul.tip-list li input[type=radio].css-radio {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.gray-block ul.tip-list li input[type=radio].css-radio + label.css-radiobtn{color: #09C283; border: #09C283 1px solid; font-size: 12px; font-weight: 400; line-height: 23px; position: relative; padding: 0 16px; border-radius: 15px; margin: 0px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.selected-radio{background: #09C283 !important; color: #fff !important;}
.gray-block .tip-custom{display: inline-flex; align-items: center; font-size: 12px; color: #1C1B1F; margin-top: 10px}
.gray-block .tip-custom img{margin-right: 10px}
.gray-block ul.price-summary{margin: 0px; padding: 0px; list-style: none}
.gray-block ul.price-summary li{display: flex; justify-content: space-between; font-size: 12px; line-height: 18px; margin: 0 0 8px 0; font-weight: 400}
.gray-block ul.price-summary li:last-child{margin: 0px; font-weight: 500}
.gray-block ul.price-summary li .price{font-size: 14px; line-height: 16px; color: #160A2A; margin: 0px; position: relative; display: flex; }
.gray-block ul.price-summary li .price::before{content: ''; background: url(../images/price-icon.png) center center no-repeat; width: 16px; height: 16px; margin: 0 8px 0 0}
.gray-block ul.method-list{margin:0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.gray-block ul.method-list li{margin-right: 20px; margin-bottom: 10px}
.gray-block.is-frozen ul.method-list li{background-color: #F6F6F6 !important;}
.gray-block ul.method-list li input[type=radio].css-radio {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.gray-block ul.method-list li input[type=radio].css-radio + label.css-radiobtn{color: #262B27; font-size: 12px; font-weight: 400; line-height: 22px; position: relative; padding-left: 28px; margin: 0px; cursor: pointer; display: flex;  align-items: center;}
.gray-block ul.method-list li input[type=radio].css-radio + label.css-radiobtn img{margin-right: 8px; width: 22px; margin-left: 2px}
.gray-block ul.method-list li input[type=radio].css-radio + label.css-radiobtn::before{content: ''; width: 22px; height: 22px; border-radius: 20px; border: 2px solid #C2C2C652; background: transparent; position: absolute; top: 0px; left: 0px}
.gray-block ul.method-list li input[type=radio].css-radio:checked + label.css-radiobtn::after{content: ''; position: absolute; top: 6px; left: 6px; width: 10px; height: 10px; background: #fff; border-radius: 6px}
.gray-block ul.method-list li input[type=radio].css-radio:checked + label.css-radiobtn::before{background: #09C283; border: #09C283 2px solid}

.btn-area{display: flex; gap:15px}
.btn-area .btn-split-bill{width: 50%; border: #09C283 1px solid; background: #09C283; line-height: 38px; padding: 0 20px; color: #fff; display: inline-block; border-radius: 25px; font-size: 16px; font-weight: 500; text-align: center;}
.btn-area .btn-pay-fully{width: 50%; border: #09C283 1px solid; line-height: 38px; padding: 0 20px; color: #09C283; display: inline-block; border-radius: 25px; font-size: 16px; font-weight: 500; text-align: center;}


.successful-block{background: #09C283; padding: 45px 15px; text-align: center; font-size: 14px; line-height: 16px; font-weight: 400; color: #fff}
.successful-block .icon{margin-top: 16px;}

.thank-page{padding: 15px;}
.thank-page .receipt-area{width: 232px; margin: 25px auto 45px auto;}
.thank-page .receipt-area label{font-size: 11px; line-height: 16px; font-weight: 400; margin: 0 0 4px 0; display: block;}
.thank-page .receipt-area .input-block{position: relative;}
.thank-page .receipt-area .form-control{border: #EAEAEA 1px solid; background: #EAEAEA; padding: 0px; height: 24px; padding-left: 16px; font-size: 11px; border-radius: 20px}
.thank-page .receipt-area .form-control:focus{box-shadow: none}
.thank-page .receipt-area .btn-submit{position: absolute; top: 0px; right: 8px; line-height: 24px; border: none; font-size: 11px; padding: 0px; background: transparent; color: #09C283}
.thank-page .review-area{border-top: #B0ADB3 1px solid; border-bottom: #B0ADB3 1px solid; padding: 45px; display: flex; align-items: center; justify-content: center;}
.thank-page .review-area p{font-size: 11px; line-height: 16px; font-weight: 400; color: #000000; margin: 0px;}
.thank-page .review-area img{height: auto; margin-left: 15px}
.thank-page .app-store-area{background: #F5F5F5; padding: 15px 40px; border-radius: 15px; margin-top: 20px}
.thank-page .app-store-area p{text-align: center; font-size: 11px; line-height: 16px; font-weight: 400; color: #1C1B1F;}
.thank-page .app-store-area p span{display: block; color: #09C283}
.thank-page .app-store-area .app-link{display: flex; justify-content: center;}
.thank-page .app-store-area .app-link a{margin: 0 5px}
.thank-page .btn-back{border: #09C283 1px solid; background: #09C283; line-height: 38px; padding: 0 20px; color: #fff; display: inline-block; border-radius: 25px; font-size: 12px; font-weight: 500; text-align: center; width: 100%; margin-top: 40px}



@media (min-width: 768px) and (max-width: 1024px){
	ul.product-list li{margin: 0 0 10px 0; width: 50%}
	ul.product-list.grid li{width: 33.33%}
	.product-info-block{display: flex; min-height: 200px; }
	.product-info-block .border-line{display: none}
	.product-info-block .product-photo{width: 48%; margin: 0px}
	.product-info-block .product-info{width: 52%; padding-left: 30px; margin-top: 20px}
}

@media (max-width: 767px) {
	ul.product-list li{margin: 0 0 10px 0; width: 100%; padding: 0px}
	ul.product-list.grid li{width: 50%}
}