Preview: stylesheet.css
Size: 175.91 KB
/home/godevadmin/public_html/css/stylesheet.css
/*------------------------------Global----------------------------*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
p, span, td, a, li, label, input, textarea, select, h1, h2, h3, h4, h5 {
font-family: 'Montserrat', sans-serif;
-webkit-font-smoothing: antialiased;
}
p, span, td, a, label {
font-size:14px;
color:#717171;
}
html {
scroll-behavior: smooth;
}
a {
text-decoration:none;
}
@media(max-width:420px){
.clProd{
width: 97%!important;
}
}
.clsPgWidth {
width:1140px;
margin:0 auto;
}
.referp{
display: flex;
}
.ref_box{
margin: 10px;
padding: 20px;
border: 1px solid #d6d6d6;
border-radius: 10px;
height: 300px;
}
.ref_box h2{
padding-bottom: 40px;
}
.refff input[type=email]{
margin: 15px 0px;
width: 80%;
}
.ref_left{
width: 50%;
}
.ref_left img{
width: 100%;
}
.ref_rt{
width: 50%;
}
.thankyou_txt{
text-align: center;
}
.btn1{
border: 1px solid #bbb;
border-radius: 4px;
padding: 5px 10px;
}
.clProd {
width: 270px;
border: 1px solid #eee;
display: inline-block;
outline: none;
margin: 5px;
padding: 5px;
}
.clProd .clsProdImg {
width: 100%;
padding: 20px;
}
.clProd .clsTitle {
display: block;
padding: 0 15px;
font-weight: 500;
height: 33.6px;
}
.clProd .clsStoreImg {
width: 55px;
margin-left: 5px;
}
.clProd .clsPrice {
border-left: 1px solid #eee;
flex: 1;
text-align: center;
font-weight: 500;
}
.clProd .clsProdAdd, .clsProd .clsQty select {
margin-right: 7px;
border: 1px solid #eee;
border-radius: 4px;
padding: 5px 10px;
}
.clProd > div {
display: flex;
align-items: center;
margin-top: 10px;
}
:root {
--primary-color: #28a745;
--dark-primary-color: #1e8c37;
}
input[type=text],input[type=email]{
outline: none;
padding: 10px 12px;
border-radius: 4px;
border: 1px solid #ccc;
font-weight: 500;
transition: 0.2s ease-out;
}
input[type=text]:focus {
border: 1px solid var(--primary-color);
transition: 0.2s ease-in;
}
input[type=submit], .clsBtn {
text-align:center;
display:inline-block;
text-decoration:none;
background-color: var(--primary-color);
border: none;
padding: 10px 15px;
color: #fff;
border-radius: 4px;
outline: none;
cursor:pointer;
font-weight: 500;
transition: 0.2s ease-out;
}
input[type=submit]:hover, input[type=submit]:focus,
.clsBtn:hover, .clsBtn:focus {
background-color: var(--dark-primary-color);
transition: 0.2s ease-in;
color: #fff;
}
.clsDialog {
display:none;
position:fixed;
left:0;right:0;
top:0;bottom:0;
background: rgba(0, 0, 0, 0.55);
z-index: 20;
}
.clsDialog-Box {
display:none;
position:absolute;
left:50%;top:50%;
transform:translate(-50%,-50%);
background-color:white;
border-radius: 4px;
overflow-y: auto;
max-height:90%;
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.28);
}
.clsDialog-Box a.clsClose {
position: absolute;
right: 10px;
top: 10px;
display: block;
width: 20px;
height: 20px;
background-image: url(../images/close.png);
background-size: 100%;
background-repeat: no-repeat;
background-color: #fff;
border-radius: 50%;
transition: 0.2s ease-out;
}
.clsDialog-Box a.clsClose:hover {
transform: scale(1.15);
transition: 0.2s ease-in;
}
.clsDialog-Box .clsContent {
overflow-y: auto;
}
.clsDialog-Box .clsFooter {
padding: 10px;
text-align:right;
}
.clsDialog-Box .clsFooter .clsBtn {
padding: 7px 15px;
}
.slick-dots li {
display:inline-block;
width:10px;
height:10px;
border-radius:50%;
border: 1px solid #ccc;
}
.slick-dots li.slick-active {
border: 1px solid var(--primary-color);
background-color:var(--primary-color);
}
.slick-dots li:not(:last-child) {
margin-right:4px;
}
.slick-dots li button {
display:none;
}
.slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 40px;
cursor: pointer;
font-style: normal;
color: #000;
z-index: 2;
}
.slick-arrow.round {
display: inline-block;
width: 32px;
height: 32px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.13);
text-align: center;
line-height: 0.75;
font-size: 35px;
}
.slick-arrow.left {
left: -30px;
}
.slick-arrow.left:hover {
color: #000;
}
.slick-arrow.right {
right: -30px;
}
.slick-arrow.right:hover {
color: #000;
}
ul.tabs {
border-bottom: 1px solid #ccc;
}
ul.tabs li {
display:inline-block;
}
ul.tabs li a {
display:block;
outline:none;
padding: 10px 15px;
font-weight: 700;
}
ul.tabs li.selected a {
color:#000;
border-bottom: 2px solid var(--primary-color);
margin-bottom: -1.5px;
}
ul.tabs li a:hover {
color:#000;
}
.clsPgLoader {
display: none;
position: fixed;
left: 0;right: 0;
top: 0;bottom: 0;
background-color: rgba(255, 255, 255, 0.6);
z-index: 2;
}
.clsPgLoader span {
display: inline-block;
width: 50px;
height: 50px;
background-image: url(../images/loading.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 50%;
top:50%;
transform: translate(-50%,-50%);
animation:spin 2.5s linear infinite;
}
@keyframes spin { 100% { transform: translate(-50%,-50%) rotate(-360deg);} }
.clsTemplate {
display: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track {
background-color:#eee;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
}
::-webkit-scrollbar-thumb {
background-color: #aaa;
border-radius:3px;
}
@media only screen and (max-width: 1140px) {
.clsPgWidth {
width:100%;
}
}
@media only screen and (max-width: 530px) {
.clsDialog-Box .clsTitle h4 {
font-size: 14px;
}
}
/*------------------------------Common-----------------------------*/
header {
box-shadow: 0 2px 6px 1px rgba(0,0,0,0.14);
background-color: #f8f9fa;
padding:0 15px;
position:fixed;
z-index: 10;
height:62px;
width: 100%;
}
header.clsInnerHeader {
display:flex;
padding:0;
background-color: #fff;
}
header.sticky {
position: fixed;
top: 0;
left:0;
right:0;
height: auto;
}
header .clsLogo {
display:inline-block;
}
header .clsLogo img {
margin: 8px 0;
height: 45px;
vertical-align: middle;
border-style: none;
}
header.clsInnerHeader .clsLogo img {
margin: 8px 15px;
}
header p, header a {
margin: 0;
line-height: initial;
color:#000;
}
header .clsDeliveryTo {
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
}
header .clsShoppingIn, header .clsShopByCat,
header .clsAccount, header .clsCart2 {
padding:12px 20px;
}
header .clsShoppingIn, header .clsShopByStore {
padding:12px 20px 12px 0;
}
header .clsShoppingIn {
border-right:1px solid #ddd;
}
header .clsShopBy > div {
display:inline-block;
}
/*header .clsShopBy > div:first-child {
margin-right:20px;
}*/
header .clsAccount {
border-right:1px solid #ddd;
}
header .clsDeliveryTo, header .clsShoppingIn, header .clsShopByCat,
header .clsShopByStore, header .clsAccount {
cursor:pointer;
}
header .clsShoppingIn, header .clsShopByCat,
header .clsShopByStore, header .clsAccount {
position:relative;
}
header .clsDeliveryTo > span, header .clsShoppingIn > span, header .clsShopByCat > span,
header .clsAccount > span {
font-weight: 500;
font-size: 15px;
display: inline-block;
margin-top: 2px;
background-repeat: no-repeat;
background-image:url(../images/down-arrow-grey.png);
background-size: 8px;
background-position: right center;
padding-right: 13px;
color: #000;
}
header .clsShopByStore > a {
font-weight: 500;
font-size: 15px;
display: inline-block;
margin-top: 2px;
background-repeat: no-repeat;
color: #000;
}
header .clsDeliveryTo:hover span, header .clsShoppingIn:hover span,
header .clsShopByCat:hover span, header .clsShopByStore:hover span,
header .clsShopByCat:hover span, header .clsAccount:hover span {
background-image: url(../images/down-arrow.png);
}
header .clsCartSearch {
position:absolute;
right:200px;
top:50%;
transform:translateY(-50%);
}
header .clsCartSearch .clsCart span {
display:inline-block;
width:16px;
height:16px;
background-repeat:no-repeat;
background-size:contain;
background-image:url(../images/cart.png);
opacity: 0.6;
}
header .clsCartSearch .clsCart:hover span,
header .clsCartSearch .clsSearch:hover span {
opacity: 1;
}
header .clsCartSearch .clsSearch {
margin-right: 15px;
}
header .clsCartSearch .clsSearch span:first-child {
display:inline-table;
vertical-align: middle;
width:12px;
height:12px;
background-repeat:no-repeat;
background-size:cover;
background-image:url(../images/search.png);
opacity: 0.6;
margin-right:3px;
}
header .clsCart2 {
display: flex;
align-items: center;
}
header .clsCart2 a {
display:inline-block;
width:22px;
height:22px;
background-repeat:no-repeat;
background-size:contain;
background-image:url(../images/cart.png);
position:relative;
}
header .clsCart2 span {
position: absolute;
background-color: var(--primary-color);
display: inline-block;
width: 20px;
height: 20px;
font-size: 12px;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 19px;
right: -12px;
top: -8px;
}
header .clsSearchBox {
flex:1;
padding:12px 0;
position:relative;
}
header .clsSearchBox input[type=text] {
width:100%;
height:38px;
border: 1px solid #ddd;
}
header .clsSearchBox .clsSearchBtn {
position: absolute;
right: 4px;
top: 50%;
transform: translateY(-50%);
display: inline-block;
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-image: url(../images/search_white.png);
background-size: 16px;
background-position: center center;
}
header .clsLoginSignup {
position:absolute;
right:15px;
top:50%;
transform:translateY(-50%);
}
header .clsLoginSignup .clsItem {
position: relative;
display: inline-table;
vertical-align: top;
}
header .clsLoginSignup .clsItem:first-child {
margin-right:10px;
}
header .clsLoginSignup a {
font-size:15px;
}
header .clsLoginSignup a:first-child {
margin-right:10px;
}
header .clsShoppingIn:hover .clsPopUp, header .clsShopByCat:hover .clsPopUp,
header .clsShopByStore:hover .clsPopUp, header .clsAccount:hover .clsPopUp,
header .clsLoginSignup .clsItem:hover .clsPopUp {
display:block;
}
header .clsPopUp {
padding-top: 20px;
display: none;
position: absolute;
top: 80%;
z-index:1;
}
header .clsPopUp .clsContent {
background-color:#fff;
border:1px solid #ccc;
border-radius:4px;
padding:20px;
}
header .clsLoginSignup .clsPopUp {
width: 170px;
right: 0;
}
header .clsLoginSignup .clsPopUp ul {
list-style: none;
}
header .clsLoginSignup .clsPopUp ul li,
header .clsAccount .clsPopUp .clsContent ul li {
padding: 3px 0;
}
header .clsLoginSignup .clsPopUp ul li:not(:last-child),
header .clsAccount .clsPopUp .clsContent ul li:not(:last-child) {
border-bottom: 1px solid #ddd;
}
header .clsShoppingIn .clsPopUp {
width: 250px;
/*left: 170px;*/
}
header .clsShoppingIn .clsPopUp > p {
font-weight:500;
color:#000;
}
header .clsShoppingIn .clsPopUp .clsChangePincode {
margin-top:10px;
position:relative;
}
header .clsShoppingIn .clsPopUp .clsChangePincode input[type=text] {
width:100% !important;
}
header .clsShoppingIn .clsPopUp .clsChangePincode .clsBtn {
position: absolute;
right: 4px;
top: 50%;
transform: translateY(-50%);
display:inline-block;
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-image: url(../images/right-arrow-white.png);
background-size: 14px;
background-position: center center;
}
header .clsShopBySearch {
flex:1;
}
header .clsShopBySearch .clsFlex {
display:flex;
}
header .clsShopByCat .clsPopUp {
width:210px;
}
header .clsShopByCat .clsPopUp ul {
list-style-type:none;
display:inline-table;
vertical-align:top;
}
header .clsShopByCat .clsPopUp ul:not(:last-child) {
margin-right:15px;
}
header .clsShopByStore .clsPopUp .clsContent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 5px;
}
header .clsShopByStore .clsPopUp .clsContent a {
display:inline-block;
}
header .clsPopUp .clsContent a:hover {
font-weight: 500;
}
header .clsShopByStore .clsPopUp .clsContent a img {
width:60px;
}
header .clsAccount .clsPopUp {
width:190px;
}
header .clsAccount .clsPopUp .clsContent a:first-child {
width:100%;
}
header .clsAccount .clsPopUp .clsContent a:first-child:hover {
color:#fff;
}
header .clsAccount .clsPopUp .clsContent a.create-account {
margin-top:10px;
padding-top:10px;
border-top:1px solid #ccc;
display:block;
}
header .clsAccount .clsPopUp .clsContent ul {
list-style: none;
}
header .clsAccount .clsPopUp .clsContent ul li a:first-child:hover {
color: #000;
}
.clsMiniCart {
position: fixed;
top:62px; bottom: 0;
width: 100%;
right: -105%;
z-index: 6;
transition:0.4s right ease-out;
}
.clsMiniCart.active {
right: 0;
transition:0.5s right ease-in;
}
.clsInnerCart {
position: absolute;
/* right: -290px; */
right: 0;
top:0;
bottom: 0;
width: 500px;
box-shadow: -2px 0 6px 1px rgba(0,0,0,0.14);
background-color:#fff;
}
/* .clsInnerCart.active {
right: 0;
transition:0.3s right ease-in;
} */
.clsInnerCart .clsHead {
background-color: var(--dark-primary-color);
padding-top: 15px;
max-height:107px;
}
.clsInnerCart .clsHead .clsCart3 {
color: #fff;
font-weight: 600;
font-size: 16px;
background-repeat: no-repeat;
background-size: contain;
background-image: url(../images/cart_white.png);
background-size: 20px;
background-position: 10px center;
position: relative;
padding: 0 10px 0 35px;
}
.clsInnerCart .clsHead .clsCart3 span {
color: #fff;
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%);
}
.clsInnerCart .clsHead .clsSlider {
margin:15px 20px 0 20px;
padding:0 10px 15px 10px;
position: relative;
}
/* .clsInnerCart .clsHead .clsSlider:after {
content: ' ';
position: absolute;
top: 0;
bottom: 0;
width: 20%;
z-index: 1;
right: 0;
background: linear-gradient(to right,rgba(128, 128, 128, 0.20),var(--dark-primary-color));
} */
.clsInnerCart .clsHead .clsSlider .slick-arrow.left {
left: -13px;
top:14px;
color: rgb(255 255 255 / 0.7);
}
.clsInnerCart .clsHead .clsSlider .slick-arrow.right {
right: -13px;
top:14px;
color: rgb(255 255 255 / 0.7);
}
.clsInnerCart .clsHead .clsSlider .slick-arrow.left:hover,
.clsInnerCart .clsHead .clsSlider .slick-arrow.right:hover {
color:#fff;
}
.clsInnerCart .clsHead .clsSlider .slick-arrow.right {
right: -13px;
top:14px;
}
.clsInnerCart .clsHead .clsSlider a {
color: rgba(255, 255, 255, 0.9);
display:inline-block;
padding:10px 0;
outline:none;
}
.clsInnerCart .clsHead .clsSlider a:not(:last-child) {
margin-right:15px;
}
.clsInnerCart .clsHead .clsSlider a:hover {
color:#fff;
}
.clsInnerCart .clsHead .clsSlider a.active {
color:#fff;
font-weight:500;
border-bottom: 2px solid #fff;
text-decoration: none;
}
.clsInnerCart .clsContent {
padding:15px;
height:calc(100% - 40px);
/*overflow-y:auto;*/
}
.clsInnerCart .clsContent > p {
text-align: center;
border-radius: 4px;
padding: 10px;
margin-bottom: 10px;
}
.clsInnerCart .clsContent > p.clsCartEmpty {
background-color:#eee;
margin-top:15px;
}
.clsInnerCart .clsContent > p.clsMinOrderAmt {
display: none;
background-color: #ebffef;
font-size: 13px;
padding: 10px 5px;
}
.clsInnerCart .clsContent > p.clsFreeDelivery b {
font-weight: 500;
}
.clsInnerCart .clsContent .clsBtn {
width:100%;
}
.clsInnerCart .clsContent .clsCartProds {
padding:15px 0;
}
.clsInnerCart .clsContent .clsCartProd {
display: flex;
align-items: flex-start;
padding: 7px 0;
}
.clsInnerCart .clsContent .clsCartProd:not(:last-child) {
border-bottom:1px solid #ddd;
}
.clsInnerCart .clsContent .clsCartProd img {
width:45px;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails {
margin-left:10px;
flex: 1;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails p:first-child {
font-weight:500;
margin: 0;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails p:nth-child(2){
margin-top:5px;
}
/* .clsInnerCart .clsContent .clsCartProd .clsDetails p:nth-child(2) .price {
float: left;
} */
.clsInnerCart .clsContent .clsCartProd .clsDetails .qtyDetails{
float: right;
flex: 1.5;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails .qtyDetails p:first-child .setqty{
flex:1;
float: left;
border-radius: 4px;
overflow: hidden;
display: inline-flex;
align-items: center;
background-color: #FFF;
border: 1px solid #F4F4F4;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails p:nth-child(2) .setqty {
float: right;
border-radius: 4px;
overflow: hidden;
display: inline-flex;
align-items: center;
background-color: var(--primary-color);
}
.clsInnerCart .clsContent .clsCartProd .clsDetails p:nth-child(2) .setqty a {
display: inline-block;
color: #fff;
width: 18px;
text-align: center;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails p:nth-child(2) .setqty span {
background-color: #fff;
width: 20px;
border-top: 1px solid var(--primary-color);
border-bottom: 1px solid var(--primary-color);
font-size: 12px;
text-align: center;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails p:nth-child(2) > a {
margin-left: 10px;
float: right;
width: 16px;
height: 16px;
background-image: url(/images/remove.png);
background-repeat: no-repeat;
background-size: contain;
opacity: 0.5;
/* color: #ff9494;
font-size:12px; */
}
.clsInnerCart .clsContent .clsCartProd .clsDetails p:nth-child(2) > a:hover {
/* color: #ff0000; */
opacity: 1;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails p:nth-child(3){
font-size: 11px;
margin-top: 10px;
}
.totalwarningmsg {
font-size: 12px;
color: #3C413D;
padding: 10px 5px !important;
margin: 0 !important;
background-color:#DFF2E3;
font-weight:600;
border-radius: 0.3em;
font-family: 'Montserrat', sans-serif;
}
p.totalorderamountbystore {
font-size: 14px;
color: #333;
margin: 0 !important;
padding: 10px 0px 6px 0px !important;
font-weight: 500;
}
.clsCartStoreTemp{
padding: 0 10px;
}
.clsInnerCart .clsContent .clsCartProd {
display: flex;
align-items: flex-start;
padding: 7px 10px;
}
.prodName, .priceVal{
font-size: 14px;
font-weight: 500;
color: #000;
padding-bottom: 5px;
}
.priceVal1{
font-size: 14px;
color:#000;
font-weight: 500;
flex:1;
float:right;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails .flex-child p:nth-child(3) > a {
color: #000;
font-size: 14px;
vertical-align: top;
font-weight: 500;
}
.storeimg{
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
width: 45px;
border-radius:2px;
}
footer {
border-top: 1px solid #eee;
padding:45px 0 20px 0;
background-color: #343A46;
}
footer .clsLinks {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 0px;
}
footer .clsLinks h4 {
margin: 0;
padding: 0;
margin-bottom: 18px;
font-weight: 500;
font-size: 13px;
color: #fff;
font-family: 'Montserrat', sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: initial;
}
footer .clsLinks ul {
list-style-type:none;
}
footer .clsLinks li:not(:last-child) {
margin-bottom:5px;
}
footer .clsLinks li a {
font-size:12px;
letter-spacing: 0.5px;
color: #cdcdcd;
}
footer .clsLinks li a:hover {
font-weight: 600;
}
footer .clsCopyright {
margin-top:18px;
text-align:center;
}
footer .clsCopyright a {
font-size:12px;
color: #cdcdcd;
}
@media only screen and (max-width: 1140px) {
footer {
padding: 45px 15px 20px 15px;
}
}
@media only screen and (max-width: 1050px) {
header.clsInnerHeader {
display:block;
height:auto;
}
header.clsInnerHeader .clsLogo {
display:block;
width:129px;
}
header.clsInnerHeader .clsLogo:after {
content:'';
position:absolute;
left:0;
right:0;
top:62px;
height:1px;
border-top: 1px solid #eee;
}
header .clsShoppingIn {
display:inline-block;
padding: 5px 0 5px 15px;
border-right: none;
}
header .clsShoppingIn p {
display:inline-block;
}
/*header .clsShoppingIn .clsPopUp {
left: 5px;
top: 82px;
}*/
header .clsShoppingIn:after {
content: '';
position: fixed;
left: 50%;
width: 1px;
height: 18px;
border-left: 1px solid #ddd;
}
header .clsShopBySearch {
position: absolute;
top: 0;
left: 155px;
right: 80px;
height: 62px;
}
header .clsAccount {
border-right: none;
position: absolute;
right: 0;
top: 62px;
padding: 5px 15px 5px 0;
}
header .clsAccount p {
display:inline-block;
}
header .clsAccount .clsPopUp {
right: 10px;
}
header .clsCart2 {
border-left: 1px solid #ddd;
position: absolute;
top: 0;
right: 0;
height: 61.5px;
}
.clsMiniCart {
top:0px;
z-index: 9999;
}
p.totalorderamountbystore{
font-size: 12px;
}
.totalwarningmsg {
font-weight:600 !important;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails .qtyDetails{
float: right;
flex:0;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails .qtyDetails p:first-child .setqty {
float: right;
margin-top: 8px;
}
}
@media only screen and (max-width: 850px) {
header {
height:auto;
}
header .clsDeliveryTo {
position: static;
left: unset;
top: unset;
transform: unset;
border-top: 1px solid #eee;
margin-top: 5px;
padding: 5px 0;
}
header .clsDeliveryTo p {
display:inline-block;
}
header .clsDeliveryTo span {
margin-top: 0;
margin-left:5px;
}
header .clsDeliveryTo a {
font-size:14px;
}
header .clsShopByStore .clsPopUp {
right:10px;
}
header .clsCartSearch {
top: 36%;
right:15px;
}
header .clsLoginSignup {
top: unset;
transform: unset;
bottom: 7px;
}
header .clsLoginSignup a {
font-size:14px;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails .qtyDetails{
float: right;
flex:0;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails .qtyDetails p:first-child .setqty {
float: right;
margin-top: 8px;
}
p.totalorderamountbystore{
font-size: 12px;
}
.totalwarningmsg {
font-weight:600 !important;
}
}
@media only screen and (max-width: 800px) {
header .clsShopBySearch {
border-top: 1px solid #eee;
position: static;
top: unset;
left: unset;
right: unset;
height: unset;
}
header .clsShopBySearch .clsFlex {
display:unset;
}
header .clsShopBy > div:first-child {
margin-right:0;
}
header .clsShopBy .clsShopByCat {
padding: 5px 15px;
}
header .clsShopBy .clsShopByCat:after {
content: '';
position: fixed;
left: 50%;
width: 1px;
height: 18px;
border-left: 1px solid #ddd;
}
header .clsShopBy .clsShopByStore {
float: right;
padding: 5px 15px;
}
header .clsShopBy .clsShopByCat p,
header .clsShopBy .clsShopByStore p {
display:inline-block;
}
header .clsSearchBox {
flex:unset;
position: absolute;
top: 0;
left: 160px;
right: 55px;
height: 62px;
}
header .clsCart2 {
border-left: none;
}
.clsMiniCart {
top:0px;
z-index: 9999;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails .qtyDetails{
float: right;
flex:0;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails .qtyDetails p:first-child .setqty {
float: right;
margin-top: 8px;
}
.clsCartStoreTemp{
padding: 0 25px 0px 15px;
}
.clsInnerCart .clsContent .clsCartProd {
padding: 7px 25px;
}
p.totalorderamountbystore{
font-size: 12px;
}
.totalwarningmsg {
font-weight:600 !important;
}
}
@media only screen and (max-width: 750px) {
footer .clsLinks {
grid-template-columns: repeat(2, 1fr);
grid-gap: 25px;
}
}
@media only screen and (max-width: 550px) {
header .clsLogo {
width:100px;
}
header .clsLogo img {
height:35px;
}
header .clsDeliveryTo p {
display:none;
}
header .clsDeliveryTo a {
background-repeat: no-repeat;
background-image: url(../images/location_grey.png);
background-size: 13px;
background-position: 0 3px;
padding-left: 15px;
}
header .clsCartSearch .clsSearch span:first-child {
width: 16px;
height: 16px;
margin-top: -5px;
}
header .clsCartSearch .clsSearch span:last-child {
display:none;
}
header .clsSearchBox {
padding:5px 0;
height:auto;
left: 135px;
right: 48px;
}
header .clsCart2 {
height:auto;
}
header.clsInnerHeader .clsLogo:after {
top: 48px;
}
header .clsAccount {
top:50px;
}
header .clsDeliveryTo > span, header .clsShoppingIn > span,
header .clsShopByCat > span, header .clsShopByStore > span,
header .clsAccount > span {
font-size:14px;
}
header .clsCart2 {
padding: 12px 15px;
}
header .clsAccount p {
display:none;
}
.clsMiniCart {
top:0px;
z-index: 9999;
}
.clsInnerCart {
width: 100%;
}
.clsInnerCart .clsHead {
padding-top: 10px;
padding-bottom: 5px;
/*height:93px;*/
}
.clsInnerCart .clsHead .clsCart3 {
font-size: 15px;
background-size: 15px;
padding: 0 10px 0 30px;
}
.clsInnerCart .clsHead .clsSlider {
margin: 10px 20px 0 20px;
}
.clsInnerCart .clsContent {
height:calc(100% - 93px);
/*padding:10px;
padding-right: 15px !important;*/
}
.clsInnerCart .clsContent > p {
padding:10px;
}
.clsInnerCart .clsContent .clsCartProds {
padding: 10px 0;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails .qtyDetails{
float: right;
flex:0;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails .qtyDetails p:first-child .setqty {
float: right;
margin-top: 8px;
}
.clsCartStoreTemp{
padding: 0 30px 0px 15px;
}
.clsInnerCart .clsContent .clsCartProd {
padding: 7px 30px 7px 15px;
}
.totalwarningmsg {
font-weight: 500 !important;
}
p.totalorderamountbystore{
font-size: 11px;
}
.prodName, .priceVal, .priceVal1{
font-size: 13px;
}
.clsInnerCart .clsContent .clsCartProd .clsDetails .flex-child p:nth-child(3) > a {
font-size: 13px;
}
}
@media only screen and (max-width: 450px) {
footer .clsLinks {
display: block;
grid-template-columns: unset;
grid-gap: unset;
}
footer .clsLinks section:nth-child(1),
footer .clsLinks section:nth-child(2) {
display: inline-table;
vertical-align: top;
}
footer .clsLinks section:nth-child(2) {
margin-left: 65px;
}
footer .clsLinks section:not(:last-child) {
margin-bottom:25px;
}
}
/*------------------------------Home page-----------------------------*/
.clsBanner {
position:relative;
}
.clsBanner:before, .clsBanner:after,
.clsTopStores:before, .clsTopStores:after {
content: ' ';
position: absolute;
top: 0;
bottom: 0;
width: 15%;
z-index: 1;
}
/* .clsBanner:before, .clsTopStores:before {
left: 0;
background: linear-gradient(to left,rgba(18, 18, 18, 0),rgba(255, 255, 255, 0.95));
}
.clsBanner:after, .clsTopStores:after {
right: 0;
background: linear-gradient(to right,rgba(18, 18, 18, 0),rgba(255, 255, 255, 0.95));
} */
.clsBanner .clsSlider a {
display:inline-block;
margin-right:30px;
outline:none;
transition: 0.2s ease-out;
}
.clsBanner .clsSlider a img {
display:block;
width:750px;
}
.clsBanner .clsSlider a .clsTitle {
display: inline-block;
margin-top: 10px;
font-size: 15px;
font-weight: 500;
color: #000;
text-transform: uppercase;
transition: 0.2s ease-out;
}
.clsBanner .clsSlider a .clsExplore {
margin-top:10px;
float:right;
transition: 0.2s ease-out;
}
.clsBanner .clsSlider a .clsExplore:after {
opacity:0;
content:'';
display:inline-block;
width:0;
height:10px;
background-repeat: no-repeat;
background-size: cover;
background-image: url(../images/right-arrow.png);
transition: 0.2s ease-out;
}
.clsBanner .clsSlider a:hover {
transform:scale(1.02);
transition: 0.2s ease-in;
}
.clsBanner .clsSlider a:hover .clsTitle {
color:var(--primary-color);
transition: 0.2s ease-in;
}
.clsBanner .clsSlider a:hover .clsExplore {
color:#000;
transition: 0.2s ease-in;
}
.clsBanner .clsSlider a:hover .clsExplore:after {
margin-left:5px;
width:10px;
opacity:1;
transition: 0.2s ease-in;
}
.clsBanner .clsPincode, .clsFoodVideo .clsPincode,
.clsTiffinLanding .clsPincode {
position:absolute;
left:50%;
top:43%;
transform:translate(-50%,-50%);
}
.clsBanner .clsPincode input[type=text],
header .clsShoppingInPopUp .clsChangePincode input[type=text],
.clsFoodVideo .clsPincode input[type=text],
.clsTiffinLanding .clsPincode input[type=text] {
padding: 15px;
width: 280px;
background-repeat: no-repeat;
background-image: url(../images/location.png);
background-size: 15px;
background-position: 15px center;
padding-left: 35px;
}
.clsBanner .clsPincode input[type=submit],
header .clsShoppingInPopUp .clsChangePincode a,
.clsFoodVideo .clsPincode input[type=submit],
.clsTiffinLanding .clsPincode input[type=submit] {
position:absolute;
right:5px;
top:50%;
transform:translateY(-50%);
}
.clsTopStores {
position:relative;
padding:45px 0;
text-align:center;
}
.clsTopStores h2 {
font-weight: 500;
font-size: 22px;
text-align:center;
}
.clsTopStores .clsSlider {
margin-top:20px;
}
.clsTopStores:before, .clsTopStores:after {
width: 5%;
}
.clsTopStores .clsSlider .slick-dots {
margin-top:15px;
}
.clsTopStores .clsSlider a {
outline:none;
display:block;
margin: 15px;
position: relative;
/* width: 170px;
height: 170px; */
text-align: center;
}
.clsTopStores .clsSlider a span {
display: inline-block;
/* position: absolute; */
width: 170px;
height: 170px;
/* left: ;
top:0; */
background-color: #f7f7f8;
border-radius: 50%;
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.12);
background-repeat: no-repeat;
background-position: center center;
background-size: 115px;
}
/* .clsTopStores .clsSlider a img {
position: absolute;
display: block;
width: 115px;
height: 115px;
left: 50%;
top:50%;
transform: translate(-50%,-50%);
} */
.clsCategories {
padding:0px 0 45px 0;
}
.clsCategories h2 {
font-family: cursive;
font-weight: 500;
font-size: 22px;
}
.clsCategories .clsGrd {
margin-top:15px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
.clsCategories .clsGrd a {
display:block;
text-align:center;
}
.clsCategories .clsGrd a div {
width:374px;
height:374px;
overflow:hidden;
}
.clsCategories .clsGrd a:hover div img {
transform:scale(1.03);
transition:0.2s ease-in;
}
.clsCategories .clsGrd a:hover span {
/*color:var(--primary-color);*/
font-weight:700;
}
/*.clsCategories .clsGrd a:hover span:after {
background-image: url(../images/right-arrow-green.png);
}*/
.clsCategories .clsGrd a div img {
max-width:100%;
transition:0.2s ease-out;
}
.clsCategories .clsGrd a span {
display: inline-block;
margin-top: 10px;
font-size: 15px;
font-weight: 500;
color: #000;
}
.clsCategories .clsGrd a span:after {
margin-left:10px;
display:inline-block;
content:'';
width: 10px;
height: 10px;
background-repeat: no-repeat;
background-size: cover;
background-image: url(../images/right-arrow.png);
}
.clsFeatures {
padding:35px 0;
}
.clsFeatures .clsRight, .clsFeatures .clsLeft{
height:600px;
background-repeat:no-repeat;
background-size:contain;
}
.clsFeatures .clsRight {
background-position:center right;
}
.clsFeatures .clsLeft {
background-position:center left;
}
.clsFeatures .clsPgWidth {
position:relative;
height: 100%;
}
.clsFeatures .clsContent {
position:absolute;
top:50%;
transform:translateY(-50%);
}
.clsFeatures .clsLeft .clsContent {
left:60%;
}
.clsFeatures .clsContent h3 {
font-weight: 500;
font-size: 22px;
}
.clsFeatures .clsContent p {
margin-top:30px;
font-size:15px;
color: #353535;
width:450px;
}
.clsFeatures .clsContent a {
margin-top: 10px;
display: inline-block;
font-size: 15px;
color: var(--primary-color);
background-repeat: no-repeat;
background-size: 20px;
background-image: url(../images/right-long-arrow-green.png);
background-position: right 0px;
padding-right: 30px;
}
@media only screen and (max-width: 1300px) {
.clsFeatures .clsRight, .clsFeatures .clsLeft {
height:500px;
}
}
@media only screen and (max-width: 1180px) {
.clsCategories {
padding: 20px 15px 35px 15px;
}
.clsCategories .clsGrd a div {
width:100%;
height:400px;
}
clsFeatures {
padding:35px 0;
}
.clsFeatures .clsRight .clsContent {
padding-left:15px;
}
.clsFeatures .clsLeft .clsContent {
padding-right:15px;
}
.clsFeatures .clsContent p {
width:350px;
}
}
@media only screen and (max-width: 1100px) {
.clsFeatures .clsRight, .clsFeatures .clsLeft {
height:400px;
}
}
@media only screen and (max-width: 1080px) {
.clsTopStores .clsSlider a span {
width: 150px;
height: 150px;
background-size: 95px;
}
}
@media only screen and (max-width: 950px) {
.clsBanner .clsSlider a img {
width:600px;
}
}
@media only screen and (max-width: 850px) {
/* .clsTopStores .clsSlider a img {
width: 140px;
height: 140px;
} */
.clsTopStores {
padding: 35px 0;
}
.clsTopStores h2, .clsCategories h2 {
font-size:20px;
}
.clsCategories .clsGrd a span {
font-size:14px;
}
.clsFeatures .clsRight, .clsFeatures .clsLeft {
height:300px;
}
.clsFeatures .clsContent h3 {
font-size:20px;
}
.clsFeatures .clsContent p {
width: 250px;
font-size: 13px;
margin-top:20px;
}
}
@media only screen and (max-width: 780px) {
.clsTopStores .clsSlider a span {
width: 130px;
height: 130px;
background-size: 80px;
}
}
@media only screen and (max-width: 750px) {
.clsCategories {
padding: 0;
}
.clsCategories .clsGrd {
grid-template-columns: repeat(1, 1fr);
margin-top:10px;
}
}
@media only screen and (max-width: 700px) {
.clsBanner .clsSlider a img {
width:500px;
}
.clsBanner:before, .clsBanner:after, .clsTopStores:before, .clsTopStores:after {
display:none;
}
.clsBanner .clsSlider a .clsTitle,
.clsBanner .clsSlider a .clsExplore {
display:block;
text-align:center;
}
.clsBanner .clsSlider a .clsTitle {
font-size:13px;
}
.clsBanner .clsSlider a .clsExplore {
float:unset;
margin-top:2px;
font-size:12px;
}
.clsBanner .clsSlider a .clsExplore:after {
opacity:1;
width:8px;
height:8px;
margin-left:5px;
}
.clsBanner .clsPincode input[type=text] {
width:260px;
font-size:14px;
}
.clsFeatures .clsRight, .clsFeatures .clsLeft {
background-position: center center;
background-size:cover;
}
.clsFeatures .clsRight:not(:last-child), .clsFeatures .clsLeft:not(:last-child) {
margin-bottom:20px;
}
.clsFeatures .clsContent {
background-color:#fff;
padding:20px;
border-radius: 4px;
box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.13);
}
}
@media only screen and (max-width: 650px) {
.clsTopStores {
padding: 35px 0 15px 0;
}
/* .clsTopStores .clsSlider a img {
width: 110px;
height: 110px;
} */
.clsTopStores h2, .clsCategories h2 {
font-size:18px;
}
}
@media only screen and (max-width: 550px) {
.clsTopStores .clsSlider a span {
width: 100px;
height: 100px;
background-size: 60px;
}
.clsFeatures .clsContent, .clsFeatures .clsLeft .clsContent{
left:50%;
transform:translate(-50%,-50%);
}
.clsFeatures .clsContent h3 {
font-size:18px;
}
.clsFeatures .clsContent p {
font-size: 12px;
}
}
@media only screen and (max-width: 500px) {
.clsCategories .clsGrd a span {
font-size:13px;
}
}
@media only screen and (max-width: 480px) {
.clsTopStores .clsSlider a span {
width: 140px;
height: 140px;
background-size: 80px;
}
}
@media only screen and (max-width: 430px) {
.clsTopStores .clsSlider a span {
width: 110px;
height: 110px;
background-size: 50px;
}
}
/*------------------------------Grocery - Home Page-----------------------------*/
.clsGroceryHomeSlider img, .clsPgSlider img {
width:100%;
position:relative;
}
.clsGroceryHomeSlider .slick-dots, .clsPgSlider .slick-dots {
position:absolute;
bottom:10px;
left:50%;
transform:translateX(-50%);
}
.clsGroceryCats {
margin:20px auto 0 auto;
}
.clsGroceryCats .clsSliderCats,
.clsGroceryCats .clsSliderSubCats {
width:85%;
margin:0 auto;
}
.clsGroceryCats .clsSliderCats a {
display:inline-block;
text-align:center;
outline:none;
}
.clsGroceryCats .clsSliderCats a img {
display:inline-block;
width:120px;
}
.clsGroceryCats .clsSliderCats a span {
margin-top:10px;
display:block;
text-align:center;
color:#000;
}
/* .clsGroceryCats .clsSliderCats a:hover img,
.clsGroceryCats .clsSliderCats a.active img {
opacity:1;
} */
.clsGroceryCats .clsSliderCats a:hover span,
.clsGroceryCats .clsSliderCats a.active span {
font-weight:600;
}
.clsGroceryCats .clsSliderSubCats {
margin-top:30px;
visibility: hidden;
}
.clsGroceryCats .clsSliderSubCats.slick-initialized {
visibility: visible;
}
/* .clsGroceryCats .clsSliderSubCats:after {
content: ' ';
position: absolute;
top: 0;
bottom: 0;
width: 7%;
z-index: 1;
right: 0;
background: linear-gradient(to right,rgba(18, 18, 18, 0),rgba(255, 255, 255, 0.95));
} */
.clsGroceryCats .clsSliderSubCats a {
outline: none;
display: inline-block;
padding: 10px 15px;
border-radius:4px;
margin-right:10px;
color: #000;
border: 1px solid #000;
}
.clsGroceryCats .clsSliderSubCats a.current {
outline: none;
display: inline-block;
padding: 10px 15px;
border-radius:4px;
margin-right:10px;
font-weight: 500;
color:#000;
}
.clsGroceryCats .clsSliderSubCats a:hover {
font-weight: 500;
}
.clsGroceryTabs {
margin-top: 20px;
text-align: center;
}
.clsPastPurchase, .clsGrocerySubCat, .clsNewItems {
margin-top:30px;
}
.clsGrocerySubCat {
margin-bottom:35px;
}
.clsPastPurchase > p, .clsGrocerySubCat > p,
.clsNewItems > p {
font-weight:500;
font-size:15px;
color:#000;
padding:0 25px;
}
.clsPastPurchase > p > a, .clsGrocerySubCat > p > a,
.clsNewItems > p > a {
display:inline-block;
margin-left:10px;
font-size:13px;
color:var(--primary-color);
}
.clsPastPurchase .clsSlider, .clsGrocerySubCat .clsSlider,
.clsNewItems .clsSlider {
position:relative;
width:calc(100% - 50px);
margin:20px auto 0 auto;
}
.clsPastPurchase .clsSlider .slick-arrow.left,
.clsGrocerySubCat .clsSlider .slick-arrow.left,
.clsNewItems .clsSlider .slick-arrow.left {
left:-15px;
}
.clsPastPurchase .clsSlider .slick-arrow.right,
.clsGrocerySubCat .clsSlider .slick-arrow.right,
.clsNewItems .clsSlider .slick-arrow.right {
right:-15px;
}
/* .clsPastPurchase .clsSlider:after,
.clsGrocerySubCat .clsSlider:after,
.clsNewItems .clsSlider:after {
content: ' ';
position: absolute;
top: 0;
bottom: 0;
width: 7%;
z-index: 1;
right: 0;
background: linear-gradient(to right,rgba(18, 18, 18, 0),rgba(255, 255, 255, 0.95));
} */
.clsProd {
width:280px;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
border-left:1px solid #eee;
display:inline-block;
outline:none;
}
.clsProd:last-child {
border-right:1px solid #eee;
}
.clsProd > a {
outline:none;
}
.clsProd .clsProdImg {
/*width:100%;
padding:60px;*/
max-width: 135px;
margin: 0 auto;
margin-bottom: 45px;
margin-top: 45px;
height:130px;
}
.clsProd .clsTitle {
display:block;
padding:0 15px;
font-weight:500;
height:33.6px;
color:#000;
}
.clsProd > div:not(.clsMoreOption) {
display:flex;
align-items:center;
margin-top:10px;
}
.clsProd .clsStoreImg {
width:45px;
margin-left:5px;
}
.clsProd .clsPrice {
border-left:1px solid #eee;
flex:1;
text-align:center;
font-weight:500;
}
.clsProd .clsProdAdd {
margin-right:7px;
border:1px solid var(--primary-color);
background-color:var(--primary-color);
border-radius:4px;
padding:5px 10px;
color: #fff;
}
.clsProd .clsQty select {
margin-right:7px;
border:1px solid var(--dark-primary-color);
border-radius:4px;
padding:5px 10px;
background-color: #effff3;
}
.clsProd .clsProdAdd:hover {
border:1px solid var(--dark-primary-color);
background-color:var(--dark-primary-color);
}
.clsProd .clsQty select {
margin-left:5px;
}
.clsProd .clsMoreOption {
border-top: 1px solid #eee;
cursor: pointer;
position: relative;
}
.clsProd .clsMoreOption:hover .clsMoreOption-PopUp {
display:flex;
}
.clsProd .clsMoreOption p {
padding: 5px;
font-size: 13px;
}
.clsProd .clsMoreOption .clsMoreOption-PopUp {
position: absolute;
bottom: -48px;
width: 100%;
display: none;
align-items:center;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 2px 6px 1px rgba(0,0,0,0.14);
}
.clsStoresProds {
margin:55px 0;
}
.clsStoresProds .clsStoreProds {
margin:0 25px;
display:flex;
border:1px solid #eee;
}
.clsStoresProds .clsStoreProds:not(:last-child) {
margin-bottom:35px;
}
.clsStoresProds .clsStoreProds .clsStoreHead {
width:280px;
}
.clsStoresProds .clsStoreProds .clsStoreHead img {
width:100%;
}
.clsStoresProds .clsStoreProds .clsStoreHead .clsDetails {
padding:20px;
}
.clsStoresProds .clsStoreProds .clsStoreHead .clsDetails h2 {
font-weight:500;
font-size:16px;
color:#000;
}
.clsStoresProds .clsStoreProds .clsStoreHead .clsDetails h3 {
margin-top:5px;
font-weight:500;
font-size:14px;
}
.clsStoresProds .clsStoreProds .clsStoreHead .clsDetails p {
margin-top:20px;
}
.clsStoresProds .clsStoreProds .clsStoreHead .clsDetails a {
display:inline-block;
margin-top:10px;
border-radius:50px;
padding: 10px 20px;
}
.clsStoresProds .clsSlider {
flex:1;
overflow: hidden;
}
/* .clsStoresProds .clsSlider:after {
content: ' ';
position: absolute;
top: 0;
bottom: 0;
width: 7%;
z-index: 1;
right: 0;
background: linear-gradient(to right,rgba(18, 18, 18, 0),rgba(255, 255, 255, 0.95));
} */
.clsStoresProds .clsSlider .slick-arrow.left {
left:10px;
}
.clsStoresProds .clsSlider .slick-arrow.right {
right:10px;
}
.clsStoresProds .clsSlider .clsProd {
border-top:none;
border-bottom:none;
}
.clsStoresProds .clsSlider .clsProd:last-child {
border-right:none;
}
@media only screen and (max-width: 1200px) {
.clsProd {
width:250px;
}
}
@media only screen and (max-width: 1050px) {
.clsPastPurchase {
margin-top: 35px;
}
}
@media only screen and (max-width: 850px) {
.clsGroceryCats {
margin: 35px auto 0 auto;
}
.clsGroceryCats .clsSliderCats a img {
width:100px;
}
.clsGroceryCats .clsSliderCats .slick-arrow.left {
left:-25px;
}
.clsGroceryCats .clsSliderCats .slick-arrow.right{
right:-25px;
}
.clsGroceryCats .clsSliderSubCats {
width:85%;
}
.clsGroceryCats .clsSliderSubCats .slick-arrow.left {
left:-45px;
}
.clsGroceryCats .clsSliderSubCats .slick-arrow.right {
right:-45px;
}
.clsProd {
width:200px;
}
.clsProd .clsProdImg {
/*width:100%;
padding:60px;*/
max-width: 135px;
margin: 0 auto;
margin-bottom: 45px;
margin-top: 45px;
}
.clsProd .clsTitle {
height: 42px;
}
.clsProd .clsStoreImg {
width:40px;
}
.clsProd .clsQty select {
margin-left: 3px;
width: 50px;
padding: 5px 0 5px 10px;
}
}
@media only screen and (max-width: 750px) {
.clsStoresProds {
margin: 35px 0;
}
.clsStoresProds .clsStoreProds:not(:last-child) {
margin-bottom: 25px;
}
.clsStoresProds .clsStoreProds {
display:block;
}
.clsStoresProds .clsStoreProds .clsStoreHead {
width:auto;
display:flex;
border-bottom: 1px solid #eee;
}
.clsStoresProds .clsStoreProds .clsStoreHeadView {
width:auto;
display:flex;
}
.clsStoresProds .clsStoreProds .clsStoreHead img {
width:300px;
}
.clsStoresProds .clsSlider {
flex:unset;
}
.clsStoresProds .clsSlider .clsProd:first-child {
border-left:none;
}
}
@media only screen and (max-width: 700px) {
.clsGroceryCats .clsSliderSubCats .slick-arrow.left {
left:-35px;
}
.clsGroceryCats .clsSliderSubCats .slick-arrow.right {
right:-35px;
}
.clsGroceryCats .clsSliderSubCats {
margin-top:20px;
}
.clsGroceryCats .clsSliderSubCats a {
padding: 5px 7px;
}
.clsGroceryCats .clsSliderSubCats .slick-arrow {
top: 40%;
}
}
@media only screen and (max-width: 600px) {
.clsGroceryCats {
margin: 25px auto 0 auto;
}
.clsGroceryCats .clsSliderCats a img {
width:80px;
}
.clsGroceryCats .clsSliderCats .slick-arrow.left {
left:-10px;
}
.clsGroceryCats .clsSliderCats .slick-arrow.right {
right:-10px;
}
.clsGroceryCats .clsSliderSubCats .slick-arrow.left {
left:-25px;
}
.clsGroceryCats .clsSliderSubCats .slick-arrow.right {
right:-25px;
}
.clsGroceryCats .clsSliderSubCats a {
margin-right:5px;
font-size:13px;
}
.clsStoresProds .clsStoreProds .clsStoreHead .clsDetails {
padding:15px;
}
.clsStoresProds .clsStoreProds .clsStoreHead .clsDetails h2 {
font-size:15px;
}
.clsStoresProds .clsStoreProds .clsStoreHead .clsDetails h3,
.clsStoresProds .clsStoreProds .clsStoreHead .clsDetails p,
.clsStoresProds .clsStoreProds .clsStoreHead .clsDetails a {
font-size:13px;
}
.clsStoresProds .clsStoreProds .clsStoreHead .clsDetails p {
margin-top:10px;
}
.clsStoresProds .clsStoreProds .clsStoreHead img {
width:250px;
}
}
@media only screen and (max-width: 500px) {
.clsStoresProds .clsStoreProds .clsStoreHead {
display: block;
}
.clsStoresProds .clsStoreProds .clsStoreHead img {
width:100%;
}
}
@media only screen and (max-width: 450px) {
.clsGroceryCats .clsSliderSubCats {
width:80%;
}
.clsStoresProds .clsSlider .clsProd:first-child {
border-left: 1px solid #eee;
}
}
@media only screen and (max-width: 400px) {
.clsGroceryCats {
margin: 20px auto 0 auto;
}
.clsGroceryCats .clsSliderCats .slick-arrow.left {
left:-5px;
}
.clsGroceryCats .clsSliderCats .slick-arrow.right {
right:-5px;
}
.clsGroceryCats .clsSliderSubCats {
margin-top:15px;
}
}
/*------------------------------Grocery - Sub Cats-----------------------------*/
.clsShopByCatStores {
margin-top:20px;
padding:0 25px 15px 25px;
border-bottom: 1px solid #eee;
}
.clsShopByCatStores p {
font-weight:500;
font-size:15px;
color:#000;
}
.clsShopByCatStores .clsContent {
margin-top:10px;
}
.clsShopByCatStores .clsContent a {
display:inline-block;
margin-bottom:10px;
}
.clsShopByCatStores .clsContent a:not(:last-child) {
margin-right:10px;
}
.clsShopByCatStores .clsContent img {
width:200px;
border-radius:4px;
}
.clsShopByCatStores .clsContent {
margin-top:10px;
}
@media only screen and (max-width: 900px) {
.clsShopByCatStores {
display: none;
}
}
/* @media only screen and (max-width: 500px) {
.clsShopByCatStores .clsContent img {
width:130px;
}
} */
/*------------------------------Grocery - Store-----------------------------*/
.clsStoreDetails {
margin-top:35px;
padding-bottom:20px;
border-bottom: 1px solid #eee;
}
.clsStoreDetails .clsContent {
display:flex;
align-items:center;
}
.clsStoreDetails .clsDetails {
margin-left:20px;
position: relative;
}
.clsStoreDetails .clsDetails img.square {
display: none;
border-radius: 50%;
width: 80px;
height: 80px;
}
.clsStoreDetails .clsDetails h2 {
font-size:24px;
}
.clsStoreDetails .clsDetails p {
margin-top:20px;
}
@media only screen and (max-width: 1140px) {
.clsStoreDetails .clsContent {
padding:0 20px;
}
.clsStoreDetails .clsContent img.wide {
width:550px;
}
}
@media only screen and (max-width: 900px) {
.clsStoreDetails .clsContent {
display:block;
align-items:unset;
}
.clsStoreDetails .clsContent .clsDetails {
padding-left: 100px;
margin-bottom: 10px;
}
.clsStoreDetails .clsContent img.wide {
display:none;
}
.clsStoreDetails .clsContent img.square {
display:block;
position: absolute;
left: 0;
top:50%;
transform: translateY(-50%);
}
.clsStoreDetails .clsDetails {
margin-top:15px;
margin-left:0;
}
}
@media only screen and (max-width: 900px) {
.clsStoreDetails .clsDetails {
margin-top:10px;
margin-left:0;
}
.clsStoreDetails .clsDetails h2 {
font-size:18px;
}
.clsStoreDetails .clsDetails p {
margin-top:10px;
}
}
@media only screen and (max-width: 550px) {
.clsStoreDetails .clsDetails h2 {
font-size:16px;
}
}
/*------------------------------Grocery - Search-----------------------------*/
.clsSearchPg {
margin-bottom: 30px;
}
.clsSearchPg > h3 {
text-align: center;
margin: 35px 20px 25px 20px;
font-size: 17px;
font-weight: 500;
}
.clsSearchPg > h3 span {
font-size: 17px;
font-weight: 600;
color: #000;
}
.clsSearchPg .clsContent {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 0;
}
.clsSearchPg .clsContent .clsProd {
width: auto;
}
@media only screen and (max-width: 1140px) {
.clsSearchPg .clsContent {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (max-width: 950px) {
.clsSearchPg .clsContent {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 650px) {
.clsSearchPg .clsContent {
grid-template-columns: repeat(2, 1fr);
}
}
/*--------------------------Grocery - Product Details-------------------------*/
.clsProdDetails {
margin-top: 30px;
border-bottom: 1px solid #eee;
padding-bottom: 30px;
}
.clsProdDetails .clsContent {
display: flex;
}
.clsProdDetails section:first-child {
flex: 1;
border-right: 1px solid #eee;
margin-right: 30px;
position: relative;
text-align: center;
}
.clsProdDetails section:first-child .container {
display: inline-block;
}
/* .clsProdDetails section:first-child img {
max-width: 100%;
display: block;
margin: 0 auto;
} */
/* .clsProdDetails section:first-child .img-zoom-lens {
position: absolute;
width: 60px;
height: 60px;
} */
/* .clsProdDetails section:first-child .container:hover img.large {
display: block;
} */
/* .clsProdDetails section:first-child .large {
display: none;
position: absolute;
left: calc(100% + 15px);
top: 0;
width: 450px;
height: 450px;
max-width: unset;
max-height: unset;
border: 1px solid #ccc;
z-index: 2;
box-shadow: 0 2px 6px 1px rgba(0,0,0,0.14);
border-radius: 4px;
} */
.clsProdDetails section:last-child {
flex: 1.5;
}
.clsProdDetails section:last-child .title {
font-size: 22px;
font-weight: 500;
}
.clsProdDetails section:last-child .prodqty {
margin-top: 5px;
}
.clsProdDetails section:last-child .availability {
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
.clsProdDetails section:last-child .prodqty span,
.clsProdDetails section:last-child .availability span {
font-weight: 500;
color: #000;
}
.clsProdDetails section:last-child .price {
margin: 30px 0 10px 0;
color: var(--primary-color);
font-weight: 500;
font-size: 20px;
}
.clsProdDetails section:last-child .qty {
display: flex;
}
.clsProdDetails section:last-child .qty .clsBtn {
margin-right: 5px;
}
.clsProdDetails section:last-child .qty select {
border: 1px solid var(--dark-primary-color);
border-radius: 4px;
padding: 5px 10px;
margin-right: 5px;
background-color: #effff3;
}
.clsProdDetails section:last-child .qty select:hover {
border: 1px solid #000;
}
.clsProdDetails section:last-child .qty .clsWishlist {
display: block;
width: 42px;
background-image: url(../images/heart.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: center center;
border: 1px solid #ccc;
border-radius: 4px;
opacity: 0.5;
}
.clsProdDetails section:last-child .qty .clsWishlist:hover {
opacity: 0.8;
border: 1px solid #000;
}
.clsProdDetails section:last-child .desp {
margin-top: 30px;
}
.clsProdDetails section:last-child .desp h3 {
font-weight: 500;
font-size: 15px;
}
.clsProdDetails section:last-child .desp p {
margin-top: 3px;
}
@media only screen and (max-width: 1170px) {
.clsProdDetails section:last-child {
padding-right: 20px;
}
}
/* @media only screen and (max-width: 750px) {
.clsProdDetails section:first-child {
margin-right: 20px;
}
.clsProdDetails section:last-child {
flex: 1;
}
} */
@media only screen and (max-width: 700px) {
.clsProdDetails {
margin-top: 15px;
padding-bottom: 10px;
}
.clsProdDetails .clsContent {
display: block;
}
.clsProdDetails section:first-child {
margin-right: 0;
}
.clsProdDetails section:first-child .easyzoom-flyout {
display: none !important;
}
.clsProdDetails section:first-child img {
max-height: 250px;
width: auto;
}
.clsProdDetails section:last-child {
padding-right: 0;
padding: 15px;
}
.clsProdDetails section:last-child .title {
font-size: 20px;
}
.clsProdDetails section:last-child .availability {
padding-bottom: 15px;
}
.clsProdDetails section:last-child .price {
margin: 15px 0 10px 0;
font-size: 18px;
}
.clsProdDetails section:last-child .desp {
margin-top: 15px;
}
}
@media only screen and (max-width: 400px) {
.clsProdDetails section:last-child .title {
font-size: 18px;
}
.clsProdDetails section:last-child .price {
font-size: 16px;
}
}
/*------------------------------All - Cart-----------------------------*/
.clsCartBox {
display:flex;
min-height: 500px;
}
.clsCartStoresItems {
display:flex;
flex:1;
}
.clsCartBox .clsCartStores, .clsCartBox .clsCartItems,
.clsCartBox .clsCartOptions {
padding: 50px 0;
}
.clsCartBox .clsCartStores {
background-color:#eee;
width:380px;
}
.clsCartBox .clsCartStores h3 {
font-size: 18px;
text-align: center;
}
.clsCartBox .clsCartStores .clsContent {
margin-top:20px;
}
.clsCartBox .clsCartStores .clsContent a {
display:block;
padding:10px 0 10px 10px;
margin:0 20px;
}
.clsCartBox .clsCartStores .clsContent a:not(:last-child) {
border-bottom:1px solid #ccc;
}
.clsCartBox .clsCartStores .clsContent a.active {
position:relative;
}
.clsCartBox .clsCartStores .clsContent a.active:after {
content:'';
width:2px;
height:80%;
border-left:2px solid var(--primary-color);
position:absolute;
right:-22px;
top:50%;
transform:translateY(-50%);
}
.clsCartBox .clsCartStores .clsContent a img,
.clsCartBox .clsCartStores .clsContent a span {
display:inline-table;
vertical-align:middle;
}
.clsCartBox .clsCartStores .clsContent a img {
width:65px;
}
.clsCartBox .clsCartStores .clsContent a span.price {
margin-left:10px;
padding:5px 3px 5px 15px;
border-left:1px solid #ccc;
color:var(--primary-color);
font-weight:500;
font-size: 16px;
}
.clsCartBox .clsCartStores .clsContent a span.qty {
font-size:14px;
}
.clsCartBox .clsCartSection {
display: flex;
border-bottom: 1px solid #ccc;
}
.clsCartBox .clsCartSection a {
flex: 1;
text-align: center;
display: inline-block;
font-size: 16px;
color: #000;
padding: 10px 15px;
}
.clsCartBox .clsCartSection a.active {
font-weight: 600;
border-bottom: 2px solid var(--primary-color);
margin-bottom: -1.5px;
}
.clsCartBox .clsCartItems {
flex:1;
padding: 50px 40px;
}
.clsCartBox .clsCartItems > p {
font-weight: 500;
font-size: 16px;
color: #000;
margin-top: 15px;
text-align: center;
}
.clsCartBox .clsCartItems .clsContent {
padding-top:15px;
}
.clsCartBox .clsCartItems .clsContent .clsCartProd {
display: flex;
align-items: flex-start;
position:relative;
padding: 10px 0;
}
.clsCartBox .clsCartItems .clsContent .clsCartProd:not(:last-child) {
border-bottom:1px solid #ddd;
}
.clsCartBox .clsCartItems .clsContent .clsCartProd img {
width:55px;
}
.clsCartBox .clsCartItems .clsContent .clsDetails {
margin-left:10px;
flex: 1;
}
.clsCartBox .clsCartItems .clsContent .clsDetails > .name {
font-weight:500;
color:#000;
padding-right:65px;
}
.clsCartBox .clsCartItems .clsContent .clsDetails > .detail {
margin-top:7px;
}
.clsCartBox .clsCartItems .clsContent .clsDetails > .detail > span {
color:var(--primary-color);
font-weight:500;
}
.clsCartBox .clsCartItems .clsContent .clsDetails > .detail .extra:not(:empty) {
margin-top: 7px;
padding-right: 65px;
}
.clsCartBox .clsCartItems .clsContent .clsDetails > .detail .extra p,
.clsCartBox .clsCartItems .clsContent .clsDetails > .detail .extra span {
font-size: 12px;
}
.clsCartBox .clsCartItems .clsContent .clsDetails > .detail > select {
border: 1px solid #eee;
border-radius: 4px;
padding: 2px 5px;
position:absolute;
right:0;
top:15px;
}
.clsCartBox .clsCartItems .clsContent .clsDetails > .detail > a {
color: #ff9494;
font-size:12px;
display: inline-block;
margin-top: 5px;
position:absolute;
right:0;
top:40px;
}
.clsCartBox .clsCartItems .clsContent .clsDetails > .detail > a:hover {
color: #ff0000;
}
.clsCartBox .clsCartOptions {
margin-right: 25px;
}
/* .clsCartBox .clsCartOptions .clsContent {
border:1px solid #ccc;
border-radius:4px;
padding:20px 15px 15px 15px;
width:280px;
}
.clsCartBox .clsCartOptions .clsContent > p {
padding-bottom:15px;
border-bottom:1px solid #ccc;
font-weight:500;
color:#000;
}
.clsCartBox .clsCartOptions .clsContent > p span:first-child {
font-size:12px;
}
.clsCartBox .clsCartOptions .clsContent > p span:last-child {
float:right;
color:var(--primary-color);
font-size:15px;
font-weight:700;
}
.clsCartBox .clsCartOptions .clsContent a.continue {
display: block;
text-align: center;
padding: 10px 0;
font-size: 12px;
color: #098cc1;
}
.clsCartBox .clsCartOptions .clsContent a.continue:hover {
text-decoration:underline;
}
.clsCartBox .clsCartOptions .clsContent a.clsBtn {
width:100%;
} */
@media only screen and (max-width: 1140px) {
.clsCartBox {
padding:0 15px;
display:block;
min-height: unset;
}
.clsCartBox .clsCartOptions {
padding:0;
margin-bottom:20px;
}
/* .clsCartBox .clsCartOptions .clsContent {
width:auto;
border-radius:unset;
border-left:none;
border-right:none;
border-bottom:none;
text-align:right;
padding:0;
}
.clsCartBox .clsCartOptions .clsContent > p span:last-child {
float:none;
display:inline-block;
margin-left:25px;
}
.clsCartBox .clsCartOptions .clsContent > p {
padding: 15px 40px 15px 0;
}
.clsCartBox .clsCartOptions .clsContent a.continue {
display:inline-block;
padding: 15px 0 10px 0;
margin-right:40px;
}
.clsCartBox .clsCartOptions .clsContent .clsBR {
display: block;
}
.clsCartBox .clsCartOptions .clsContent a.clsBtn {
width:auto;
margin-right:40px;
} */
}
@media only screen and (max-width: 950px) {
.clsCartBox .clsCartStores {
padding: 35px 0;
width:260px;
}
.clsCartBox .clsCartItems {
padding: 35px 25px;
}
.clsCartBox .clsCartOptions .clsContent > p {
padding: 15px 25px 15px 0;
}
.clsCartBox .clsCartOptions .clsContent a.continue,
.clsCartBox .clsCartOptions .clsContent a.clsBtn {
margin-right:25px;
}
}
@media only screen and (max-width: 800px) {
.clsCartBox {
padding:0;
}
.clsCartStoresItems {
display:block;
}
.clsCartBox .clsCartStores {
width:auto;
padding: 20px 0;
}
.clsCartBox .clsCartStores h3 {
font-size:16px;
}
.clsCartBox .clsCartStores .clsContent {
position: relative;
width: 90%;
height: 66px;
margin: 10px auto 0 auto;
}
.clsCartBox .clsCartStores .clsContent a {
display:inline-block;
outline:none;
padding:0;
margin:0;
margin-right:15px;
}
.clsCartBox .clsCartStores .clsContent a:not(:last-child) {
border-bottom: none;
}
.clsCartBox .clsCartStores .clsContent a.active:after {
width: 100%;
height: 2px;
right: unset;
bottom: 0;
border-bottom: 2px solid var(--primary-color);
border-left: unset;
top: unset;
transform: unset;
left: 0;
}
}
@media only screen and (max-width: 600px) {
.clsCartBox .clsCartItems > p {
font-size:14px;
}
.clsCartBox .clsCartStores .clsContent .slick-arrow.left {
left: -20px;
}
.clsCartBox .clsCartStores .clsContent .slick-arrow.right {
right: -20px;
}
.clsCartBox .clsCartItems {
padding: 20px;
}
.clsCartBox .clsCartOptions .clsContent > p {
padding: 15px 20px 15px 0;
}
.clsCartBox .clsCartItems .clsContent .clsDetails p:first-child,
.clsCartBox .clsCartItems .clsContent .clsDetails p:last-child span {
font-size:13px;
}
.clsCartBox .clsCartOptions .clsContent a.continue,
.clsCartBox .clsCartOptions .clsContent a.clsBtn {
margin-right:20px;
}
}
@media only screen and (max-width: 450px) {
.clsCartBox .clsCartStores .clsContent .slick-arrow.left {
left: 0;
}
.clsCartBox .clsCartStores .clsContent .slick-arrow.right {
right: 0;
}
}
/*------------------------------Food - Home-----------------------------*/
.clsFoodVideo {
position:relative;
}
.clsFoodVideo video {
width:100%;
height:100%;
}
.clsFoodVideo .clsCover {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background-repeat:no-repeat;
background-image:url(../images/food/video_cover.png);
background-position:bottom;
background-size:cover;
}
.clsFoodCats ul.tabs {
margin-bottom: 25px;
text-align:center
}
.clsFoodCats .tabcontents {
text-align:center;
}
.clsFoodCats .tabcontents a {
display:inline-block;
position:relative;
}
.clsFoodCats .tabcontents a:not(:last-child) {
margin-right:15px;
}
.clsFoodCats .tabcontents a img {
width:240px;
height: 150px;
}
.clsFoodCats .tabcontents a span.clsCover {
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%) scale(0);
width:85%;
height:85%;
background-color: rgba(0, 0, 0, 0.4);
transition:0.2s ease-out;
}
.clsFoodCats .tabcontents a:hover span.clsCover {
transform:translate(-50%,-50%) scale(1);
transition:0.2s ease-in;
}
.clsFoodCats .tabcontents a span.clsTitle {
position:absolute;
left:0;
right:0;
top:50%;
transform:translateY(-50%);
color:#fff;
text-align:center;
text-shadow: 0 0 10px black;
font-size: 16px;
}
@media only screen and (max-width: 1140px) {
.clsFoodCats .tabcontents .clsSlider {
padding:0 20px;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.clsFoodCats .tabcontents a:not(:last-child) {
margin-right:unset;
}
}
@media only screen and (max-width: 1080px) {
.clsFoodCats .tabcontents .clsSlider {
grid-template-columns: repeat(3, 1fr);
grid-gap: 15px;
}
.clsFoodCats .tabcontents a img {
width:200px;
}
}
@media only screen and (max-width: 690px) {
.clsFoodCats .tabcontents .clsSlider {
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
}
/* .clsFoodCats .tabcontents a img {
width:180px;
} */
}
@media only screen and (max-width: 650px) {
.clsFoodVideo video {
display:none;
}
.clsFoodVideo .clsCover {
background-image: url(../videos/food_home.jpg);
}
.clsFoodVideo .clsPincode {
position:relative;
left:unset;
top:unset;
transform:unset;
padding:10px;
z-index:1;
}
.clsFoodVideo .clsPincode input[type=text] {
width:100%;
}
.clsFoodVideo .clsPincode input[type=submit] {
right:15px;
}
.clsFoodCats {
margin-top:20px;
}
}
@media only screen and (max-width: 590px) {
.clsFoodCats ul.tabs {
display:grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 5px;
padding:0 15px;
}
}
@media only screen and (max-width: 430px) {
.clsFoodCats ul.tabs {
padding:0;
}
.clsFoodCats ul.tabs li a {
padding: 7px;
}
.clsFoodCats .tabcontents .clsSlider {
display: block;
grid-template-columns: unset;
grid-gap: unset;
}
.clsFoodCats .tabcontents a {
display:block;
margin-bottom:15px;
}
.clsFoodCats .tabcontents a img {
width:100%;
}
.clsFoodCats .tabcontents a span.clsTitle {
font-size:22px;
}
}
/*------------------------------Food - Stores-----------------------------*/
.clsFoodSpl {
/*background-color:#808080;*/
background-color:#171928;
padding:20px 0;
}
.clsFoodSpl .clsContent .clsSlider {
width:90%;
margin: 0 auto;
position:relative;
}
.clsFoodSpl .clsContent .slick-arrow.left:hover,
.clsFoodSpl .clsContent .slick-arrow.right:hover {
color: #fff;
}
.clsFoodSpl a {
display:inline-block;
text-align:center;
}
.clsFoodSpl a img {
width:200px;
}
.clsFoodStores {
margin-top:40px;
padding:0 20px;
}
.clsFoodStoreCat .clsSliderCats a img {
opacity:1;
}
.clsFoodStoreCat .clsSliderCats a:hover img {
opacity:0.6;
}
.clsFoodStoreCat .clsSliderCats a span {
color:#000;
font-weight:500;
}
.clsFoodStoreCat .clsSliderCats a:hover span {
color: #717171;
font-weight:400;
}
.clsFoodStoreCat .clsSliderCats a.active span {
color:#000;
font-weight:600;
}
.clsFoodStoreCat .clsSliderCats a.active img {
opacity:1;
}
.clsFoodStores ul.tabs {
margin-bottom: 25px;
text-align:right
}
.clsFoodStores .tabcontents .clsContent {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
}
.clsFoodStores .clsFoodStoreCard {
position:relative;
padding-bottom:20px;
}
.clsFoodStores .clsFoodStoreCard img {
width:100%;
}
.clsFoodStores .clsFoodStoreCard h3 {
font-size:14px;
padding: 7px 0 2px 0;
font-weight: 600;
}
.clsFoodStores .clsFoodStoreCard p {
font-size:13px;
}
.clsFoodStores .clsFoodStoreCard div {
margin-top:7px;
}
.clsFoodStores .clsFoodStoreCard div .clsTime {
font-size:11px;
}
.clsFoodStores .clsFoodStoreCard div .clsCost {
font-size:11px;
}
.clsFoodStores .clsFoodStoreCard a {
position:absolute;
left:0;right:0;
top:0;bottom:0;
}
@media only screen and (max-width: 1200px) {
.clsFoodStores .tabcontents .clsContent {
grid-template-columns: repeat(4, 1fr);
grid-gap: 15px;
}
}
@media only screen and (max-width: 1180px) {
.clsFoodSpl .clsContent {
padding:0 15px;
}
.clsFoodSpl .clsContent .slick-arrow.left {
left:-25px;
}
.clsFoodSpl .clsContent .slick-arrow.right {
right:-25px;
}
}
@media only screen and (max-width: 1000px) {
.clsFoodStores {
margin-top: 30px;
}
.clsFoodStores .tabcontents .clsContent {
grid-template-columns: repeat(3, 1fr);
grid-gap: 15px;
}
.clsFoodStores .clsFoodStoreCard h3 {
font-size: 14px;
}
}
@media only screen and (max-width: 850px) {
.clsFoodSpl a img {
width:170px;
}
.clsFoodSpl .clsContent .slick-arrow.left {
left:-20px;
}
.clsFoodSpl .clsContent .slick-arrow.right {
right:-20px;
}
}
@media only screen and (max-width: 800px) {
.clsFoodStores {
margin-top: 20px;
}
.clsFoodStores ul.tabs {
text-align: center;
}
.clsFoodStores .tabcontents .clsContent {
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
}
}
@media only screen and (max-width: 600px) {
.clsFoodStores .tabs {
display:grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 5px;
}
}
@media only screen and (max-width: 850px) {
.clsFoodSpl a img {
width:160px;
}
}
@media only screen and (max-width: 500px) {
.clsFoodStores ul.tabs li a {
padding: 7px;
}
}
@media only screen and (max-width: 450px) {
.clsFoodStores .tabcontents .clsContent {
display:block;
grid-template-columns: unset;
grid-gap: unset;
}
}
/*------------------------------Food - Store-----------------------------*/
.clsFoodStoreBanner {
border-bottom:1px solid #ddd;
}
.clsFoodStoreBanner img {
width:100%;
}
.clsFoodStoreBanner .clsDetails {
padding:20px 0;
}
.clsFoodStoreBanner .clsDetails h1 {
font-size:22px;
}
.clsFoodStoreBanner .clsDetails p {
margin-top:5px;
}
.clsFoodStoreSingleCat {
margin-bottom: 30px;
}
.clsFoodPreorder {
padding: 10px 15px;
border-top: 1px solid #ddd;
background-color: #ffffe2;
border-bottom: 1px solid #ddd;
}
.clsFoodPreorder p {
text-align: center;
font-size: 13px;
}
.clsFoodPreorder p span {
font-size: 13px;
color: #ff2100;
margin-right: 3px;
}
.clsFoodPreorder p .clsBtn {
margin-left: 10px;
padding: 7px 10px;
}
.clsFoodStore {
background-color:#F8F9FB;
background-color:#eee;
padding:35px 0;
}
.clsFoodStore .clsContent {
background-color:#fff;
border-radius:4px;
overflow:hidden;
box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.13);
}
.clsFoodStore .clsFoodProd {
position:relative;
padding:15px;
}
.clsFoodStore .clsFoodProd:not(:last-child) {
border-bottom:1px solid #ddd;
}
.clsFoodStore .clsFoodProd h3 {
font-weight:600;
font-size:15px;
}
.clsFoodStore .clsFoodProd p {
font-size:13px;
margin-top:3px;
}
.clsFoodStore .clsFoodProd h3, .clsFoodStore .clsFoodProd p {
padding-right: 70px;
}
.clsFoodStore .clsFoodProd.added h3, .clsFoodStore .clsFoodProd.added p {
padding-right: 100px;
}
.clsFoodStore .clsFoodProd .clsPrice {
display:inline-block;
color:var(--primary-color);
font-weight:500;
margin-top:10px;
display: block;
margin-bottom: 15px;
}
.clsFoodStore .clsFoodProd a {
position:absolute;
right:15px;
bottom:15px;
border:1px solid var(--primary-color);
background-color:var(--primary-color);
border-radius:4px;
padding:5px 10px;
color: #fff;
}
.clsFoodStore .clsFoodProd a:hover {
border:1px solid var(--dark-primary-color);
background-color:var(--dark-primary-color);
}
.clsFoodStore .clsFoodProd .clsQty select:hover,
.clsFoodCustomDialog .clsProdQty select:hover, .clsCateringDateTimeDialog select:hover {
border:1px solid #000;
}
.clsFoodStore .clsFoodProd .clsQty {
position:absolute;
right:15px;
top:15px;
}
.clsFoodStore .clsFoodProd .clsQty select,
.clsFoodCustomDialog .clsProdQty select,
.clsFoodCustomDialog .clsAddOns select,
.clsCateringDateTimeDialog select
.clsCateringDateTimeDialog input[type=text] {
border:1px solid #bbb;
border-radius:4px;
padding:5px 10px;
margin-left:3px;
}
.clsFoodCustomDialog .clsAddOns a
{
border:1px solid var(--primary-color);
background-color:var(--primary-color);
color: #fff;
border-radius:4px;
padding:5px 10px;
margin-left:3px;
}
.clsFoodStore .clsFoodProdInlineBanner {
max-width: 100%;
min-height: 110px;
}
.clsFoodCustomDialog .clsContent {
width:500px;
}
.clsFoodCustomDialog .clsContent > img {
height: 170px;
width: 100%;
display: block;
}
.clsFoodCustomDialog .clsContent .clsContentMain {
padding: 15px 15px 0px 15px;
position: relative;
}
.clsFoodCustomDialog h4 {
font-weight: 600;
font-size: 15px;
color: #000;
text-transform: uppercase;
padding-right: 105px;
}
.clsFoodCustomDialog .clsContent .clsContentMain > .clsPrice {
color:var(--primary-color);
font-size:13px;
display: inline-block;
margin-bottom: 5px;
font-weight: 500;
}
.clsFoodCustomDialog .clsContent .clsContentMain .clsProdDesp {
margin-bottom: 15px;
}
.clsFoodCustomDialog .clsProdQty {
position: absolute;
right: 15px;
top: 15px;
}
.clsFoodCustomDialog h5 {
font-size:13px;
font-weight:600;
margin-bottom:5px;
}
.clsFoodCustomDialog .clsCustomize {
margin-bottom:15px;
}
.clsFoodCustomDialog .clsCustomize,
.clsFoodCustomDialog .clsAddOns,
.clsCateringCustomDialog .clsSizes {
border:1px solid #ddd;
border-radius:4px;
padding:10px;
}
.clsFoodCustomDialog .clsCustomize p {
margin-bottom:5px;
color: #000;
}
.clsFoodCustomDialog .clsCustomize ul,
.clsCateringCustomDialog .clsSizes ul {
list-style:none;
}
.clsFoodCustomDialog .clsCustomize ul:not(:last-child) {
margin-bottom:10px;
}
.clsFoodCustomDialog .clsCustomize ul li:not(:last-child),
.clsCateringCustomDialog .clsSizes ul li:not(:last-child) {
margin-bottom:3px;
border-bottom: 1px dashed #ddd;
padding-bottom: 2px;
}
.clsFoodCustomDialog .clsCustomize ul li label,
.clsCateringCustomDialog .clsSizes ul li label {
font-size: 13px;
}
.clsFoodCustomDialog .clsCustomize ul li label:hover,
.clsCateringCustomDialog .clsSizes ul li label:hover {
color:#000;
}
.clsFoodCustomDialog .clsCustomize ul li label input[type=checkbox],
.clsFoodCustomDialog .clsCustomize ul li label input[type=radio],
.clsCateringCustomDialog .clsSizes li label input[type=radio] {
margin-right:3px;
}
.clsFoodCustomDialog .clsAddOns .clsExtraProd {
position:relative;
display:flex;
align-items:center;
}
.clsFoodCustomDialog .clsAddOns .clsExtraProd:not(:last-child) {
border-bottom: 1px dashed #ddd;
padding-bottom: 4px;
margin-bottom: 4px
}
.clsFoodCustomDialog .clsAddOns .clsExtraProd img {
width:38px;
width:38px;
border-radius:4px;
}
.clsFoodCustomDialog .clsAddOns .clsExtraProd .clsDetails {
margin-left:10px;
flex:1px;
}
.clsFoodCustomDialog .clsAddOns .clsExtraProd .clsProdTitle {
font-weight:500;
padding-right: 75px;
}
.clsFoodCustomDialog .clsAddOns .clsExtraProd.added .clsProdTitle {
padding-right: 110px;
}
.clsFoodCustomDialog .clsAddOns .clsExtraProd .clsSize {
font-size:12px;
}
.clsFoodCustomDialog .clsAddOns .clsExtraProd .clsPrice {
color:var(--primary-color);
font-size:12px;
}
.clsFoodCustomDialog .clsAddOns .clsExtraProd a,
.clsFoodCustomDialog .clsAddOns .clsExtraProd span.clsQty,
.clsFoodCustomDialog .clsAddOns .clsExtraProd .clsExtaQty {
position:absolute;
right:5px;
top:50%;
transform:translateY(-50%);
}
.clsAddOns a:hover, .clsAddOns select:hover {
color:#000;
border:1px solid #000;
}
/* New Grid Css Product Listing food-store Start */
.clsFoodProdsWrappr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.clsFoodProdWrsppr {
-webkit-box-flex: 0;
-ms-flex: 0 0 32%;
flex: 0 0 32%;
margin: 5px;
}
.clsFoodProdsWrappr .clsFoodCatNm {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
.clsFoodProdsWrappr .clsFoodProdInlineBanner {
display: none;
}
.clsFoodProdsWrappr .clsFoodProd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid #eee;
}
.clsFoodProdsWrappr .clsFoodProdImage {
padding-right : 10px;
}
.clsFoodProdsWrappr .clsFoodProdImage img {
width: 145px;
margin: 0 10px 0 0;
}
.clsFoodProdsWrappr .clsFoodProd h3, .clsFoodProdsWrappr .clsFoodProd p {
padding-right: 5px;
}
/* New Grid Css Product Listing food-store Ends */
@media only screen and (max-width: 1180px) {
.clsFoodStoreBanner .clsDetails, .clsFoodStore {
padding: 15px;
}
}
@media only screen and (max-width: 1000px) {
.clsFoodStoreBanner .clsDetails h1 {
font-size: 18px;
}
.clsFoodStoreBanner .clsDetails p {
margin-top:3px;
}
.clsFoodStoreCat {
margin: 30px auto 15px auto;
}
.clsFoodStore {
margin-top: 30px;
}
}
@media only screen and (max-width: 700px) {
.clsFoodStoreBanner .clsDetails h1 {
font-size: 16px;
}
.clsFoodStoreCat {
margin: 20px auto 15px auto;
}
.clsFoodStore {
margin-top: 20px;
}
.clsFoodStore .clsContent > img {
height:200px;
}
.clsFoodStore .clsFoodProd h3 {
font-size:13px;
}
}
@media only screen and (max-width: 530px) {
.clsFoodCustomDialog .clsContent {
width:auto;
}
.clsFoodCustomDialog .clsContent > img{
height: auto;
}
.clsFoodCustomDialog {
width:95%;
}
}
/*------------------------------Catering - Home-----------------------------*/
/* .clsCateringHome {
margin-top: 30px;
text-align: center;
}
.clsCateringHome a {
display: inline-block;
}
.clsCateringHome a:not(:last-child) {
margin-right: 30px;
}
.clsCateringHome a img {
width: 220px;
}
@media only screen and (max-width: 750px) {
.clsCateringHome a:not(:last-child) {
margin-right: 20px;
}
.clsCateringHome a img {
display: inline-block;
width: 180px;
}
}
@media only screen and (max-width: 600px) {
.clsCateringHome a:not(:last-child) {
margin-right: 0px;
}
.clsCateringHome a img {
display: inline-block;
width: 150px;
}
}
@media only screen and (max-width: 600px) {
.clsCateringHome {
margin-top: 20px;
}
} */
/*------------------------------Catering - Store-----------------------------*/
.clsCateringDeliveryInfo, .clsInfoBar {
padding: 15px;
margin-top: 30px;
border-top: 1px solid #ddd;
background-color: #ffffe2;
}
.clsCateringDeliveryInfo p, .clsInfoBar p {
text-align: center;
font-size: 13px;
}
.clsCateringDeliveryInfo p a {
display: inline-block;
margin-left: 20px;
color: #098cc1;
font-size: 13px;
}
.clsCateringDeliveryInfo p a:hover {
text-decoration: underline;
}
.clsCateringDateTimeDialog .clsContent {
width:300px;
padding: 15px 15px 5px 15px;
}
.clsCateringDateTimeDialog h4 {
font-weight: 600;
font-size: 15px;
color: #000;
margin-bottom: 15px;
}
.clsCateringDateTimeDialog h5 {
font-size:13px;
font-weight:600;
margin-bottom:3px;
color: #717171;
}
.clsCateringDateTimeDialog select,
.clsCateringDateTimeDialog input[type=text] {
margin-left:0;
width: 100%;
}
.clsCateringDateTimeDialog input[type=text] {
margin-bottom: 5px;
}
.clsCateringDateTimeDialog .clsBtn {
width: 100%;
}
.clsCateringCustomDialog h4 {
margin-bottom: 5px;
}
.clsCateringCustomDialog .clsContent .clsContentMain .clsProdDesp {
padding-right: 105px;
}
.clsCateringCustomDialog .clsSizes ul li label {
color: #000;
}
.clsCateringCustomDialog .clsSizes ul li label span:first-child {
font-size: 13px;
}
.clsCateringCustomDialog .clsSizes ul li label span:last-child {
font-size: 13px;
color: var(--primary-color);
}
.clsCateringCustomDialog .jsCustomize-title,
.clsCateringCustomDialog .jsAddOns-title {
margin-top: 15px;
}
.clsFoodCustomDialog.clsCateringCustomDialog .clsCustomize {
margin-bottom: 0;
}
.clsCateringCustomDialog .clsLnkToggle {
margin-top: 10px;
display: block;
color: #098cc1;
}
.clsCateringCustomDialog .clsLnkToggle:hover {
text-decoration: underline;
}
.clsCateringCustomDialog input[type=text] {
margin-top: 3px;
display: none;
width: 100%;
}
.clsCateringCustomDialog input[type=text].open {
display: block;
}
/*------------------------------Tiffin - Home-----------------------------*/
.clsTiffinLanding {
position: relative;
}
.clsTiffinCats {
margin-top: 30px;
}
.clsTiffinCats .tabcontents a span.clsPrice {
display: block;
margin-top: 5px;
color: #fff;
text-shadow: 0 0 10px black;
}
.clsTiffinCats .tabcontents a span.clsPrice del {
display: inline-block;
margin-right: 3px;
color: #fff;
text-shadow: 0 0 10px black;
}
.clsTiffinWelcome {
padding: 40px 0;
background-color: #eee;
margin-top: 40px;
}
.clsTiffinWelcome h2, .clsFeaturedDished h2,
.clsTiffinMenus h2, .clsTiffinMore h2 {
text-align: center;
font-size: 17px;
margin-bottom: 15px;
}
.clsTiffinWelcome .clsContent {
text-align: center;
}
.clsTiffinWelcome .clsContent .clsItm {
display: inline-table;
vertical-align: top;
text-align: center;
width: 230px;
}
.clsTiffinWelcome .clsContent .clsItm img {
display: inline-block;
width: 165px;
}
.clsTiffinWelcome .clsContent .clsItm:hover img {
filter: grayscale(1);
}
.clsTiffinWelcome .clsContent .clsItm p {
font-weight: 600;
margin-bottom: 10px;
}
.clsTiffinWelcome .clsContent .clsItm:hover p {
color: var(--primary-color);
}
.clsTiffinWelcome .clsContent .clsItm span {
font-size: 13px;
}
.clsFeaturedDished {
padding: 40px 0;
}
.clsFeaturedDished .clsContent {
text-align: center;
margin-top: 20px;
}
.clsFeaturedDished .clsContent .clsItem {
display: inline-table;
vertical-align: top;
text-align: center;
width: 230px;
}
.clsFeaturedDished .clsContent .clsItem:not(:last-child) {
margin-right: 20px;
}
.clsFeaturedDished .clsContent .clsItem img {
display: inline-block;
width: 350px;
}
.clsFeaturedDished .clsContent .clsItem p {
font-weight: 600;
margin-top: 10px;
}
@media only screen and (max-width: 1150px) {
.clsFeaturedDished .clsContent .clsItem img {
width: 300px;
}
}
@media only screen and (max-width: 1000px) {
.clsTiffinWelcome .clsContent .clsItem:not(:last-child) {
margin-right: 50px;
}
.clsFeaturedDished .clsContent .clsItem img {
width: 250px;
}
}
@media only screen and (max-width: 850px) {
.clsTiffinWelcome .clsContent .clsItem:not(:last-child),
.clsFeaturedDished .clsContent .clsItem:not(:last-child) {
margin-right: 0;
}
/* .clsTiffinWelcome .clsContent,
.clsFeaturedDished .clsContent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0px;
} */
.clsTiffinWelcome .clsContent .clsItm {
margin: 0;
}
.clsTiffinWelcome .clsContent .clsItem,
.clsFeaturedDished .clsContent .clsItem {
width: auto;
padding: 15px;
}
.clsFeaturedDished .clsContent .clsItem img {
width: 300px;
}
}
@media only screen and (max-width: 700px) {
.clsFeaturedDished .clsContent .clsItem img {
width: 230px;
}
}
@media only screen and (max-width: 550px) {
.clsTiffinWelcome h2, .clsFeaturedDished h2,
.clsTiffinMenus h2, .clsTiffinMore h2 {
font-size: 15px;
margin-bottom: 10px;
}
.clsTiffinWelcome .clsContent,
.clsFeaturedDished .clsContent {
display: block;
grid-template-columns: unset;
}
.clsTiffinWelcome .clsContent .clsItem,
.clsFeaturedDished .clsContent .clsItem {
padding: 0;
}
.clsTiffinWelcome .clsContent .clsItem,
.clsFeaturedDished .clsContent .clsItem {
display: block;
padding: 0 15px;
}
.clsFeaturedDished .clsContent .clsItem:not(:last-child) {
margin-bottom: 20px;
}
.clsFeaturedDished .clsContent .clsItem img {
width: 100%;
}
.clsFeaturedDished .clsContent .clsItem p {
margin-top: 5px;
}
.clsTiffinWelcome .clsContent .clsItem:hover img {
filter: unset;
}
.clsTiffinWelcome .clsContent .clsItem:hover p {
color: #717171;
}
}
/*------------------------------Tiffin - Menu-----------------------------*/
.clsTiffinMenus {
padding: 35px 0;
}
.clsTiffinMenus ul.tabs {
text-align: center;
}
.clsTiffinMenus .clsContent .tabcontents #TiffinServices {
margin-top: 25px;
}
.clsTiffinMenus .clsContent .tabcontents #MealBasket .clsInfoBar {
margin-bottom: 25px;
}
.clsTiffinMenus .clsContent .clsSlider {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
width: 950px;
margin: 0 auto;
}
.clsTiffinMenus .clsContent .clsItem {
border: 1px solid #dddddd;
border-radius: 20px;
background-repeat: no-repeat;
background-position: top center;
background-size: 370px;
padding: 145px 15px 15px 15px;
}
.clsTiffinMenus .clsContent .clsItem:hover,
.clsTiffinMore .clsContent .clsItem:hover {
border: 1px solid #000;
}
.clsTiffinMenus .clsContent .clsItem h3 {
text-align: left;
font-size: 15px;
font-weight: 600;
}
.clsTiffinMenus .clsContent .clsItem .clsDesp {
text-align: left;
margin-top: 10px;
padding-right: 20px;
}
.clsTiffinMenus .clsContent .clsItem .clsPrice {
margin-top: 25px;
text-align: left;
font-size: 16px;
font-weight: 500;
color: #000;
}
.clsTiffinMenus .clsContent .clsItem .clsPrice del {
display: block;
margin-top: 3px;
font-size: 13px;
color: #ff9494;
}
.clsTiffinMenus .clsContent .clsItem .clsBtn {
margin-top: 25px;
display: block;
border-radius: 20px;
}
.clsTiffinCustomDialog ul.tabs.clsWeeklyTabs,
.clsMealSelect ul.tabs.clsWeeklyTabs {
background-color: #eee;
padding-top: 5px;
}
.clsSelectWeekDay {
display: block;
margin-top: 10px;
cursor: pointer;
}
.clsSelectWeekDay-Content {
display: none;
}
.clsTiffinCustomDialog ul.tabs li a {
padding: 5px;
font-weight: 600;
font-size: 13px;
}
.clsTiffinCustomDialog h5 {
margin-top: 10px;
}
@media only screen and (max-width: 1000px) {
.clsTiffinMenus .clsContent .clsSlider {
width: auto;
margin: 0 20px;
grid-gap: 20px;
}
}
@media only screen and (max-width: 870px) {
.clsTiffinMenus .clsContent .clsSlider {
grid-template-columns: repeat(2, 1fr);
width: 600px;
margin: 0 auto;
}
}
@media only screen and (max-width: 650px) {
.clsTiffinMenus .clsContent .clsSlider {
display: grid;
grid-template-columns: unset;
grid-gap: unset;
width: auto;
}
.clsTiffinMenus .clsContent .clsSlider .clsItem {
margin: 0 auto;
width: 320px;
}
.clsTiffinMenus .clsContent .clsSlider .clsItem:not(:last-child) {
margin-bottom: 20px;
}
}
/*------------------------------Meal - Select-----------------------------*/
.clsMealSelectAlert, .clsInfoBar {
margin-top: 0;
border-top: none;
border-bottom: 1px solid #ddd;
}
.clsMealSelectAlert p {
text-align: left;
position: relative;
}
.clsMealSelectAlert p, .clsMealSelectAlert span, .clsInfoBar p {
color: #000;
font-weight: 500;
}
.clsMealSelectAlert span {
position: absolute;
right: 0;
top:50%;
transform: translateY(-50%);
}
.clsMealSelectAlert .clsBtn {
color: #fff;
}
.clsMealSelectAlert .clsBtn:hover {
text-decoration: none;
}
.clsMealSelectAlert.sticky,
.clsFoodPreorder.sticky {
position: fixed;
top: 62px;
z-index: 1;
left: 0;
right: 0;
}
.clsMealSelect {
margin-top: 10px;
}
.clsFoodStores.clsMealSelect .tabs {
text-align: center;
}
.clsFoodStores.clsMealSelect > .tabs {
margin-bottom: 0;
}
.clsMealSelect ul.tabs.clsWeeklyTabs {
margin-top: 0;
}
.clsMealSelect .tabcontents .clsCategoryTitle {
font-size: 15px;
padding: 7px 0 2px 0;
font-weight: 600;
margin-bottom: 10px;
}
.clsMealSelect .tabcontents .clsCategoryTitle:not(:first-child) {
margin-top: 20px;
}
.clsMealSelect .clsFoodStoreCard a {
background-repeat: no-repeat;
background-position: right 5px top 5px;
background-size: 25px;
}
.clsMealSelect .clsFoodStoreCard a:not(.Meal-Kit):hover {
background-image: url(../images/check_white.png);
}
.clsMealSelect .clsFoodStoreCard.active a:not(.Meal-Kit) {
background-image: url(../images/check_green.png);
}
.clsMealSelect .clsFoodStoreCard.active h3,
.clsMealSelect .clsFoodStoreCard.active p,
.clsMealSelect .clsFoodStoreCard.active p span {
color: var(--primary-color);
}
@media only screen and (max-width: 1050px) {
.clsMealSelectAlert.sticky, .clsFoodPreorder.sticky {
top: 91.5px;
}
}
@media only screen and (max-width: 800px) {
.clsMealSelectAlert.sticky, .clsFoodPreorder.sticky {
top: 122.5px;
}
}
@media only screen and (max-width: 580px) {
.clsMealSelectAlert p {
position: static;
text-align: center;
}
.clsMealSelectAlert span {
margin-top: 15px;
display: block;
position: static;
right: unset;
top: unset;
transform: unset;
}
}
@media only screen and (max-width: 550px) {
.clsMealSelect .clsFoodStoreCard:not(.active) a:hover {
background-image: unset;
}
.clsMealSelectAlert.sticky, .clsFoodPreorder.sticky {
top: 111.5px;
}
}
/*Grocery Cart Page CSS Starts*/
.clsCartBox .clsCartOptions .cartright-box {
margin-top: 10px;
border: 1px solid #ccc;
border-radius: 4px;
padding: 20px 15px 15px 15px;
width: 330px;
margin-bottom: 15px;
}
.clsCartBox .clsCartOptions .cartright-box a.cartclsBtn {
width: 100%;
margin-bottom: 10px;
text-align: center;
display: inline-block;
text-decoration: none;
background-color: var(--primary-color);
border: none;
padding: 10px 15px;
color: #fff;
border-radius: 4px;
outline: none;
cursor: pointer;
font-weight: 500;
transition: 0.2s ease-out;
}
.clsCouponCode {
width: 100%;
margin: 10px 0px;
}
.clsCartBox .clsCartOptions .cartright-box p.cartboxttl {
padding-bottom: 15px;
font-weight: 800;
}
.clsCartBox .clsCartOptions .cartright-box p.cartboxitem {
display: flex;
justify-content: space-between;
/*border-bottom: 1px solid #ccc;*/
font-weight: 500;
color: #000;
padding: 0 0 10px;
}
.clsCartBox .clsCartOptions .cartright-box p.cartboxitem span {
font-size: 14px;
}
.tipadioBtnwidth-wrap {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
align-items: center;
}
.tipadioBtnwidth {
padding: 10px 10px 10px 0px;
}
input#tipsPect-5 {
width: 50px;
}
.rwardradioBtnwidth-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.rwardradioBtnwidth {
padding-right: 5px;
}
.rwardradioBtnwidth label {
font-size: 14px;
}
.custom-tipradios input[type="radio"] {
display: none;
}
.custom-tipradios input[type="radio"] + label {
font-size: 12px;
padding: 8px 10px;
width: 100%;
display: inline-block;
text-align: center;
border: 1px solid #3D424F;
color: #3D424F;
margin: 0;
min-width: 45px;
}
.custom-tipradios input[type="radio"]:checked + label {
background: var(--primary-color);
color: #fff;
}
.cartboxitemtip{
display: flex;
justify-content: space-between;
font-weight: 500;
color: #000;
padding: 0 0 10px;
}
.custom-tipradios{
/*border-bottom: 1px solid #ccc;*/
padding: 0 0 10px;
}
span.cartboxitemPrice {
font-weight: 700;
}
span.cartboxitemNameBold {
font-weight: 700;
}
p.eVoucherLbl span {
font-weight: 600;
}
span.cartright-box-msg.walltbox-msg{
padding: 15px 0px 5px;
display: block;
}
.procedcheckout-wrappr {
padding: 15px 0px 0px;
}
@media only screen and (max-width: 600px) {
.clsCartBox .clsCartOptions .cartright-box {
width: 95%;
margin: 10px;
}
.rwardradioBtnwidth-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.rwardradioBtnwidth {
padding-right: 10px;
}
}
/*Grocery Cart Page CSS Ends*/
/*SignIn Modal Custom popup Starts*/
.modal-content {
background-color: #fefefe;
margin: auto;
border: 1px solid #888;
width: 100%;
}
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0 !important;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.modal-open {
overflow: hidden
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal {
position: fixed;
top: 2rem;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none
}
.modal-dialog-scrollable {
display: -ms-flexbox;
display: flex;
max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden
}
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
-ms-flex-negative: 0;
flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem)
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
content: ""
}
.modal-dialog-centered.modal-dialog-scrollable {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: .3rem;
border-top-right-radius: .3rem
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem
}
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: .3rem;
border-bottom-left-radius: .3rem
}
.modal-footer>:not(:first-child) {
margin-left: .25rem
}
.modal-footer>:not(:last-child) {
margin-right: .25rem
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
.loginModal.show{
display: block;
}
.ChangeAddrssModal.show{
display: block;
}
@media (min-width:576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem)
}
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem)
}
.modal-sm {
max-width: 300px
}
}
@media (min-width:992px) {
.modal-lg,
.modal-xl {
max-width: 800px
}
}
@media (min-width:1200px) {
.modal-xl {
/*max-width: 1140px*/
max-width: 900px
}
}
.sinupformmdl-wrapper {
}
button.close.modal-togglebtn {
padding: 5px;
}
/*SignIn Modal Custom popup Ends*/
/*SignIn CSS Starts*/
p.signupSecPara {
text-align: right;
padding-bottom: 5px;
}
p.signupSecPara span{
cursor: pointer;
color: var(--primary-color);
font-weight: 500;
}
p.signupSecPara span:hover {
text-decoration: underline;
}
h1.pannlttl.formsec {
font-size: 18px;
padding-bottom: 15px;
}
.loginpopup-img{
background-image: url("./images/loginimg.png");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
width: 100%;
}
#apiformprodct input[type=password]{
height: 40px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 15px;
line-height: 30px;
}
#apiformprodct input[type=text], #apiformprodct input[type=email], #apiformprodct input[type=password] {
width: 100%;
}
.formfield-wrapper{
padding: 10px 0px;
}
.signUpprdtcsubbtn-wrappr{
text-align: center;
}
#shippingUpprdtcsubbtn, #signUpprdtcsubbtn,#changeAdressSavebtn {
width: 110px;
margin-bottom: 10px;
text-align: center;
display: inline-block;
text-decoration: none;
background-color: var(--primary-color);
border: none;
padding: 10px 15px;
color: #fff;
border-radius: 4px;
outline: none;
cursor: pointer;
font-weight: 500;
transition: 0.2s ease-out;
}
.form-leftsidewrappr {
padding: 15px;
}
.panel.panel-default {
padding: 20px 5px;
}
div#loginpanelguess {
display: none;
}
span.usercntBtn {
display: none;
}
.cst-fromrow {
padding: 0 0 10px;
}
.cst-fromrow .inpt-w100{
width: 100%;
outline: none;
padding: 10px 12px;
border-radius: 4px;
border: 1px solid #ccc;
font-weight: 500;
transition: 0.2s ease-out;
}
.cst-fromrow .inpt-w50{
width: 50%;
outline: none;
padding: 10px 12px;
border-radius: 4px;
border: 1px solid #ccc;
font-weight: 500;
transition: 0.2s ease-out;
}
textarea#delivery_notes{
width: 50%;
outline: none;
padding: 10px 12px;
border-radius: 4px;
border: 1px solid #ccc;
font-weight: 500;
transition: 0.2s ease-out;
}
.cst-fromrow.cst-fromrow-flex {
display: flex;
}
@media (max-width:600px) {
.sinupformmdl-wrapper {
display: block;
}
}
a.changeAddrssBtn {
padding: 10px 0px;
display: block;
color: #28a745;
}
a.changeAddrssBtn:hover {
text-decoration: underline;
}
p.addrslbl {
padding-bottom: 5px;
}
p.addrslbl span {
font-weight: 600;
}
.delivery_notesbox-wrapper {
padding: 10px 0px;
}
textarea#delivery_notesbox {
border-color: #ccc;
}
textarea#delivery_notesbox:focus {
border-color: #333;
}
/*SignIn CSS Ends*/
div.pac-container {
z-index: 99999999999 !important;
}
/*Track Delivery Start*/
#delvryformmodal .border_middle {
position: relative;
}
#delvryformmodal .border_middle:before {
background: #d4d4d4;
width: 100%;
height: 2px;
content: "";
top: 45%;
left: 0;
position: absolute;
transform: translateY(-50%);
}
#delvryformmodal .delrow{
display: flex;
flex-wrap: wrap;
}
#delvryformmodal .bullet_round {
position: relative;
display: inline-block;
width: 100%;
}
@media (min-width: 768px){
#delvryformmodal .col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
#delvryformmodal .bullet_round:before, #delvryformmodal .second_righ:before {
box-shadow: 0 0 6px 6px #186429;
}
#delvryformmodal .bullet_round:after, #delvryformmodal .second_righ:after {
content: "";
position: absolute;
top: 50%;
left: 0;
height: 15px;
width: 15px;
border-radius: 50%;
background: #186429;
transform: translateY(-50%);
pointer-events: none;
}
#delvryformmodal .bullet_round:before, #delvryformmodal .second_righ:before {
content: "";
border-radius: 50%;
height: 15px;
width: 15px;
position: absolute;
top: 39%;
left: 0;
transform: translateY(-50%);
animation: pulsate 1s ease-out;
animation-iteration-count: infinite;
opacity: 0;
-webkit-box-shadow: 0 0 1px 2px #89849b;
box-shadow: 0 0 6px 6px #89849b;
animation-delay: 1.1s;
pointer-events: none;
}
#delvryformmodal .first_lef {
float: left;
width: 65%;
}
#delvryformmodal .bullet_round strong {
display: block;
}
#delvryformmodal .bullet_round strong {
display: block;
}
#delvryformmodal .mr-top {
font-size: 13px;
}
#delvryformmodal .mr-bottum {
font-size: 13px;
}
#delvryformmodal .mr-bottum {
margin-bottom: 15px;
}
#delvryformmodal .hover_cont {
background: #fff;
position: absolute;
bottom: 150%;
left: 0;
padding: 20px;
box-shadow: -1px 4px 9px 0 rgba(0,0,0,.12);
visibility: hidden;
transition: bottom .3s ease 0s,visibility .2s ease .2s,opacity .2s ease .1s;
-webkit-transition: bottom .3s ease 0s,visibility .2s ease .2s,opacity .2s ease .1s;
opacity: 0;
width: 255px;
z-index: 1;
}
#delvryformmodal .conner {
position: absolute;
bottom: -10px;
left: 20px;
height: 20px;
background: #fff;
width: 20px;
transform: rotate(45deg);
}
#delvryformmodal .bullet_round:after{
background: #186429;
}
/*Hover CSS*/
#delvryformmodal .first_lef:hover .hover_cont,
#delvryformmodal .second_righ:hover .hover_cont {
visibility: visible;
transition: bottom .3s ease;
opacity: 1;
bottom: 125%
}
#delvryformmodal button.close.modal-delivryTrackTogglebtn {
padding: 5px;
border: navajowhite;
background: transparent;
font-weight: 900;
}
@keyframes pulsate {
0% {
-webkit-transform: scale(.1, .1);
-moz-transform: scale(.1, .1);
-o-transform: scale(.1, .1);
-ms-transform: scale(.1, .1);
transform: scale(.1, .1);
opacity: 0
}
50% {
opacity: 1;
-ms-filter: none;
filter: none
}
100% {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
opacity: 0
}
}
#delvryformmodal .second_righ:after, #delvryformmodal .second_righ:before {
left: auto;
right: 0;
}
@media (max-width: 768px){
#delvryformmodal .col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
#delvryformmodal .bullet_round strong {
line-height: normal;
}
#delvryformmodal .first_lef {
margin-bottom: 50px;
}
#delvryformmodal .first_lef, #delvryformmodal .second_righ {
width: 100%;
text-align: left;
}
#delvryformmodal .bullet_round {
padding-left: 40px;
}
#delvryformmodal .bullet_round {
padding-left: 40px;
}
#delvryformmodal .border_middle:before {
width: 2px;
height: 100%;
left: 21px;
top: 0;
transform: inherit;
}
#delvryformmodal .delrow {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
#delvryformmodal .bullet_round {
padding-left: 40px;
top: 0;
}
#delvryformmodal .mr-bottum {
margin-bottom: 0px;
}
#delvryformmodal .bullet_round:after {
top: 0;
transform: translateY(0);
}
#delvryformmodal .bullet_round:before, #delvryformmodal .second_righ:before {
top: 0;
}
#delvryformmodal .second_righ:after {
left: 0;
right: auto;
transform: inherit;
bottom: 0;
top: 96%;
}
#delvryformmodal .last_round:before {
left: 0;
right: auto;
top: 96%;
}
#delvryformmodal .second_righ:after, #delvryformmodal .second_righ:before {
left: 0;
}
}
#delvryformmodal .first_bullet_round:before{
animation: none;
}
/*Track Delivery Ends*/
/*Refer a Friend Start*/
#referMdl .col-lg-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
#referMdl .close {
float: right;
font-size: 21px;
font-weight: 900;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
padding: 1px;
border: none;
}
#referMdl .row {
margin-right: -15px;
margin-left: -15px;
}
#referMdl .rowrefrfrnd {
display: flex;
flex-wrap: wrap;
}
#referMdl .row:before{
display: table;
content: " ";
}
#referMdl .row:after {
clear: both;
}
#referMdl ul.nav.nav-tabs {
list-style: none;
display: flex;
flex-wrap: wrap;
}
#referMdl ul.nav.nav-tabs {
width: auto;
height: 60px;
padding-top: 30px;
}
#referMdl ul.nav.nav-tabs li a {
padding: 10px 15px;
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
#referMdl .tab-content {
background-color: #fff;
overflow: hidden;
font-size: 14px;
padding: 25px;
}
#referMdl h3 {
margin-top: 20px;
margin-bottom: 10px;
}
#referMdl .tab-content>.tab-pane {
display: none;
visibility: hidden;
}
#referMdl .tab-content>.active {
margin-top: 5px;
font-size: 13px;
display: block;
visibility: visible;
}
#referMdl .form-list .input-box {
display: block;
clear: both;
margin-bottom: 0;
}
#referMdl .form-list {
list-style: none;
}
#referMdl .form-list label {
position: relative;
z-index: 0;
font-weight: 400;
color: #333;
display: inline;
font-size: 13px;
}
#referMdl .form-list li {
margin: 0 0 10px;
position: relative;
}
#referMdl .form-list input.input-text {
background: #fff;
border: 1px solid #ddd;
padding: 10px 10px;
width: 100%;
margin-top: 5px;
outline: 0;
color: #aaa;
}
#referMdl .cartclsBtn {
width: 100%;
margin-bottom: 10px;
text-align: center;
display: inline-block;
text-decoration: none;
background-color: var(--primary-color);
border: none;
padding: 10px 15px;
color: #fff;
border-radius: 4px;
outline: none;
cursor: pointer;
font-weight: 500;
transition: 0.2s ease-out;
}
#referMdl .nav-tabs {
border-bottom: 1px solid #ddd;
}
#referMdl .nav-tabs>li.active>a, #referMdl .nav-tabs>li.active>a:focus, #referMdl .nav-tabs>li.active>a:hover {
border: 0;
background: #88be4c;
color: #fff;
}
@media (min-width: 769px){
#referMdl .col-lg-6 {
width: 50%;
}
}
@media (max-width: 768px){
#referMdl .col-sm-12 {
width: 100%;
}
#referMdl .nav-tabs li{
width: 100%;
text-align: center;
margin-bottom: 1px;
border-bottom: 1px solid #ddd;
}
#referMdl .nav-tabs li a{
width: 100%;
display: block;
}
#referMdl .tab-content {
margin-top: 100px;
}
#referMdl ul.nav.nav-tabs li a{
border: none;
}
}
/*Refer a Friend Ends*/
/*------------------------------All Stores-----------------------------*/
.clsAllStores .gridHgt{
min-height: 600px;
}
.clsAllStores .logoItemWrppr {
display: flex;
justify-content: stretch;
flex-wrap: wrap; /* NEW */
}
.clsAllStores .logo-item {
padding: 15px 0 10px;
}
.clsAllStores .logoItem_element {
width: 190px;
height: 190px;
padding: 30px;
background-color: #f7f7f8;
border: 1px solid #eee;
border-radius: 50%;
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.12);
margin: 30px 18px;
}
.clsAllStores .logoItem_element img{
width: 100%;
}
.clsAllStores .button-group.filters-button-group {
border-bottom: 1px solid #ccc;
padding: 10px 0;
text-align: center;
}
.clsAllStores .filters-button-group .buttonfltr {
padding: 10px 15px;
color: #28a745;
font-size: 18px;
border: none;
}
.clsAllStores .filters-button-group .buttonfltr.is-checked {
color: #000;
border-bottom: 2px solid var(--primary-color);
}
.clsAllStores .filters-button-group .buttonfltr:hover, .filters-button-group .buttonfltr:focus {
border-bottom: 2px solid var(--primary-color) !important;
}
.clsAllStores .filters-button-group .buttonfltr.is-checked:hover, .filters-button-group .buttonfltr.is-checked:focus {
border-bottom: 2px solid var(--primary-color) !important;
}
.clsAllStores a.button.buttonfltr {
font-size: 14px;
color: #717171;
font-weight: 700;
}
.clsAllStores a.button.buttonfltr.is-checked {
font-size: 14px;
color: #000;
font-weight: 700;
}
.clsAllStores .logo-item {
display: none;
}
.clsAllStores .logo-item.active {
display: block;
}
.clsAllStores span.fltrnav-element {
padding: 10px;
font-size: 14px;
font-weight: 500;
}
.clsAllStores p.logoItem_element_txt {
text-align: center;
}
.clsAllStores p.logoItem_element_txt a {
color: #000;
font-size: 16px;
}
.clsAllStores h1.fltrTtl {
padding: 10px 5px 5px;
color: #28a745;
font-size: 18px;
}
@media(max-width: 992px){
.clsAllStores .logoItemWrppr {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.clsAllStores .logoItem_element {
width: 170px;
height: 170px;
padding: 20px;
background-color: #f7f7f8;
border: 1px solid #eee;
border-radius: 50%;
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.12);
margin: 20px 15px;
}
.cst-fromrow-50{
width:100% !important;
float:none !important;
}
}
@media(max-width: 600px){
.clsAllStores .logoItemWrppr {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.clsAllStores .logoItem_element {
/* max-width: 17%; */
width: 160px;
height: 160px;
padding: 15px;
background-color: #f7f7f8;
border: 1px solid #eee;
border-radius: 50%;
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.12);
margin: 15px 10px;
}
.clsAllStores .button-group.filters-button-group {
display: flex;
flex-wrap: wrap;
}
.clsAllStores .filters-button-group .fltrnav-element{
flex: 1 0 31%;
border-bottom: 1px solid #ccc;
}
.clsAllStores .button-group.filters-button-group{
padding: 5px 0 0px;
}
.cst-fromrow-50{
width:100% !important;
float:none !important;
}
}
@media(max-width: 320px){
.clsAllStores .logoItemWrppr {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.clsAllStores .logoItem_element {
/* max-width: 17%; */
width: 135px;
height: 135px;
padding: 10px;
background-color: #f7f7f8;
border: 1px solid #eee;
border-radius: 50%;
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.12);
margin: 15px 10px;
}
.clsAllStores .button-group.filters-button-group {
display: flex;
flex-wrap: wrap;
}
.clsAllStores .filters-button-group .fltrnav-element{
flex: 1 0 31%;
border-bottom: 1px solid #ccc;
}
.clsAllStores .button-group.filters-button-group{
padding: 5px 0 0px;
}
.cst-fromrow-50{
width:100% !important;
float:none !important;
}
}
/*Sales Tags Start*/
.productwthsalsTag {
position: relative;
}
.productdiscounttag .clsProdImgTag {
position: absolute;
top:1!important;
left: 0;
}
.productdiscounttag .clsProdImgTagtext {
position: absolute;
top: -110px;
left: 15px;
color: #fff;
width: 100px;
font-size: 16px;
}
.clsProdImgTag {
position: absolute;
top: -50px;
left: 0;
}
.productwthsalsTag1 .clsProdImgTagOne {
color: #fff;
width: 0;
height: 0;
border: 0 solid transparent;
border-top-width: 65px;
border-bottom-width: 65px;
border-right: 65px solid #509952;
transform: rotate(45deg);
}
.productwthsalsTag1 .clsProdImgTagTwo {
color: #fff;
width: 0;
height: 0;
border: 0 solid transparent;
border-top-width: 65px;
border-bottom-width: 65px;
border-right: 65px solid green;
transform: rotate(45deg);
}
.clsProdImgTagtext {
/*
position: absolute;
top: 20px;
left: 15px;
color: #fff;
width: 90px;
font-size: 16px;*/
position: absolute;
top: 10px;
left: 13px;
color: #fff;
width: 90px;
font-size: 14px;
}
/*Sales Tags Ends*/
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
background: #333333;
color: #fff;
padding: 0 5px 0 4px;
border-radius: 50%;
font-size: 9px;
font-weight: 300;
border-radius:50%;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
font-weight:normal;
/* Position the tooltip */
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
margin-left: -60px;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
.minicart-min-delivery-msg{
background: #3f4240 !important;
color: #FFF;
font-weight: 500;
margin-top:10px;
}
.minicart-min-delivery-msg img{
margin:-10px 0px -5px 0px;
}
/*Category Start*/
.clsFoodCatNm {
font-size: 15px;
padding: 15px 0 5px 15px;
font-weight: 600;
margin-bottom: 10px;
}
.clsFoodCatNm h1 {
font-size: 16px;
}
/*Category Ends*/
/*New Home Page Title Start*/
.headBld {
/* font-weight: 900 !important;*/
font-family: 'Abril Fatface';
}
/*New Home Page Title Ends*/
.productwthsalsTag {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
object-fit: contain;
}
.clsProdImgTagtextNwTagRed{
background: #ec4a59;
}
#delivery{
font-size: 14px;
font-weight: bold;
color: #999999;
padding: 12px;
}
#CurbSidePickup{
font-size: 14px;
font-weight: bold;
color: #999999;
padding: 12px;
}
#CurbSidePickup.tab_selected{
border-bottom: 2px solid green;
display: inline-block;
color: #000000;
padding: 12px;
font-weight: bold;
font-size: 14px;
}
#Delivery.tab_selected{
border-bottom: 2px solid green;
display: inline-block;
color: #000000;
padding: 12px;
font-weight: bold;
font-size: 14px;
}
/*Hide OPtions for a'' Days List Start*/
.allDisplayTimeforAllDays {
display: none;
}
.allDisplayTimeforAllDays.selctedTimeforDay {
display: block;
}
/*Hide OPtions for a'' Days List Ends*/
.ajax-loader {
z-index: 99;
height:100%;
width:100%;
background:#fff url(../images/Quicklly-Logo_300X200.gif) center no-repeat;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#prod-loader{
position: fixed;
top: 0;
left: 0;
height:100%;
width:100%;
/* cursor: not-allowed;*/
opacity: 0.9;
z-index: 99;
text-align:center;display:none;margin: auto;
}
#prod-bottom-loader{
display:none; text-align: center;
}
/*Express Delivery Icon CSS Start*/
.checkexpressDelvWrappr {
display: flex;
align-items: center;
justify-content: left;
}
img.delvryIcon {
width: 65px !important;
}
/*Express Delivery Icon CSS Ends*/
/*------------------------------Catering - Store-----------------------------*/
p.allProdDec {
display: none;
}
/*Media quiery for mobile for food store Start*/
@media only screen and (max-width: 580px){
.clsFoodProdWrsppr {
-webkit-box-flex: 0;
-ms-flex: 1 0 98%;
flex: 1 0 98%;
}
}
/*Media quiery for mobile for food store End*/
/*Media quiery for Tablet for food store Start*/
@media (min-width:581px) and (max-width: 768px){
.clsFoodProdWrsppr {
-webkit-box-flex: 0;
-ms-flex: 1 0 32%;
flex: 1 0 32%;
}
}
/*Media quiery for Tablet for food store End*/
/*Media quiery for Greater then Tablet and less the small laptop for food store Start*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.clsFoodProdWrsppr {
-webkit-box-flex: 0;
-ms-flex: 0 0 32%;
flex: 0 0 48%;
box-sizing: border-box;
margin: 5px;
}
}
/*Media quiery for Greater then Tablet and less the small laptop for food store End*/
/*------------------------------Catering - Store-----------------------------*/
/*Breadcrumb start*/
.clsBreadcrumb{
padding:5px 10px;
}
.clsBreadcrumb ul li{
list-style:none;
display:inline-block;
}
.clsBreadcrumb ul li:after{
content:" > ";
}
.clsBreadcrumb ul li:last-child:after{
content:none;
}
.clsBreadcrumb ul li:last-child h1{
font-size:14px;
font-weight:bold;
}
/*Breadcrumb ends*/
/* Old and New tag on Stoe Image froduct listing Start */
.clsProdImgTagNewOld {
position: absolute;
top: 10px;
left: 13px;
color: #fff;
padding: 5px 10px;
font-size: 14px;
}
i.txtTagNewOld {
padding: 2px 10px;
background: #e26a25;
}
/* Old and New tag on Stoe Image froduct listing Ends */
/*Product Removal Modal Alert CSS Start */
.modal.productRemovalAlertModal.show {
display: block;
}
.productRemovalAlertmdl-wrapper {
padding: 5px 10px;
}
.productRemovalAlertmdl-wrapper ul {
list-style: decimal-leading-zero;
padding-left: 30px;
padding-top: 30px;
}
.productRemovalAlertmdl-wrapper p {
padding: 10px 0;
text-align: CENTER;
border-bottom: 1px solid #504444;
}
.productRemovalAlertmdl-wrapper ul li {
font-size: 13px;
color: #717171;
padding: 2px 0;
text-transform: capitalize;
display: flex;
align-items: center;
justify-content: space-between;
}
.productRemovalAlertmdlBtn {
text-align: center;
display: inline-block;
text-decoration: none;
background-color: var(--primary-color);
border: none;
padding: 5px 10px;
color: #fff;
border-radius: 4px;
outline: none;
cursor: pointer;
font-weight: 500;
transition: 0.2s ease-out;
}
.productRemovalAlertmdl-okBtn {
text-align: right;
}
.removalProductCartImg-Wrapr {
text-align: center;
}
img.removalProductCartImg {
font-size: 24px;
width: 50px;
}
.modalproductRemovalAlert-togglebtn {
position: absolute;
right: 0;
top: 0;
padding: 5px 5px;
border: none;
background: transparent;
font-weight: 700;
cursor: pointer;
}
.crtImhWrppr span i {
padding: 12px;
background: #d13a3c;
color: #fff;
border-radius: 50%;
}
/*Product Removal Modal Alert CSS End */
/*Meal Basket Cooming Soon Text Stat*/
#meal-basket .comingSoonMeal{
margin-top: 25px;
}
/*Meal Basket Cooming Soon Text End*/
.frmheading{
font-size: 18px;
padding-bottom: 15px;
font-weight: bold;
color: #000;
display: block;
}
.clsFoodCatNm span.CatCntr {
font-size: 16px;
font-weight: bold;
color: #000
}
.be-a-hero-heading{
color: #000;
display: block;
font-size: 36px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
line-height: 1.1;
font-family: inherit;
}
span.blog_entry-title{
color: #000;
display: block;
padding-top:5px;
}
span.blog-heading{
font-size: 32px;
font-weight: 700;
padding: 14px 25px;
margin: 5px 0 0;
display: inline-block;
border: double #fff;
color: #fff;
font-family: Montserrat,sans-serif;
text-transform: uppercase;
}
span.terms-heading ,span.contact-heading ,span.careers-heading ,span.privacy-heading{
font-size: 32px;
font-weight: 700;
padding: 14px 25px;
margin: 5px 0 0;
display: inline-block;
border: double #fff;
color: #fff;
line-height: 1.1;
font-family: Montserrat,sans-serif;
text-transform: uppercase;
}
.clsAllStores span.fltrTtl {
padding: 10px 5px 5px;
color: #28a745;
font-size: 18px;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
}
/*PR Page start*/
.press-q{
padding: 4rem;
background: #c0bcbc14;
text-align: center;
}
.press-q h1 {
font-size: 45px;
margin-bottom: 20px;
font-weight: 300;
}
.press-q p {
font-size: 15px;
font-weight: 500;
}
.press-div{
padding: 2rem 10rem;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.press-div-child {
position: relative;
width: 31%;
width: calc(100% * (1/3) - 14px - 1px);
box-sizing: border-box;
margin: 7px;
display: inline-block;
height: auto;
box-shadow: 1px 1px 10px 3px #80808033;
}
.bg-primary.text-center.press-q_front h2 {
font-weight: 300;
margin-bottom: 0px;
font-size: 25px;
text-align: center;
}
img.card-img-top {
width: 100%;
}
.press-div-child .card-body {
padding: 20px 20px 0px;
min-height: 100px;
}
img.card-img-bottom {
width: 30%;
margin: auto;
position: relative;
display: block;
margin-bottom: 10px;
}
.card-bottom {
position: relative;
padding: 15px;
margin-bottom: 35px;
}
.card-bottom ul {
display: flex;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
}
.card-bottom ul li {
list-style: none;
}
.card-bottom ul li a {
width: 25px;
height: 25px;
background-color: #fff;
text-align: center;
line-height: 20px;
font-size: 13px;
margin: 0 2px;
display: block;
border-radius: 50%;
position: relative;
overflow: hidden;
border: 2px solid #cccccc;
z-index: 1;
}
.card-bottom ul li a .icon {
position: relative;
color: #000;
transition: .5s;
z-index: 3;
}
.card-bottom ul li a:hover .icon {
color: #fff;
transform: rotateY(360deg);
}
.card-bottom ul li a:before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #f00;
transition: .5s;
z-index: 2;
}
.card-bottom ul li a:hover:before {
top: 0;
}
.card-bottom ul li:nth-child(2) a:before{
background: #3b5999;
}
.card-bottom ul li:nth-child(3) a:before{
background: #55acee;
}
.card-bottom ul li:nth-child(4) a:before {
background: #0077b5;
}
.card-bottom ul li:nth-child(5) a:before {
background: #28a745;
}
.card-bottom ul p {
width: 70px;
margin-top: 3px;
font-weight: 500;
color: #000;
}
.press-div-child .card-body p.card-text {
font-size: 14px;
color: #000;
line-height: 20px;
}
.card-body.body-index-page {
min-height: 80px;
}
.clsFeatures .clsContent h1 {
font-size: 22px !important;
font-weight: 500;
}
.card-bottom.body-index-page-bottom {
margin-bottom: 0px;
padding-bottom: 0px;
}
a.press-quicklly-anchor {
display: block;
margin-left: 10px;
font-size: 13px;
color: var(--primary-color);
font-weight: 600;
position: absolute;
right: 15%;
top: 40%;
}
.bg-primary.text-center.press-q_front {
position: relative;
display: block;
}
@media only screen and (max-width: 567px){
.press-q {
padding: 3rem;
}
.press-q h1 {
font-size: 25px;
margin-bottom: 5px;
}
.press-q p{
font-size: 10px;
}
.press-div {
padding: 1rem;
}
.press-div-child {
width: 100%;
margin: 0px;
margin-bottom: 20px;
}
.bg-primary.text-center.press-q_front h2 {
font-size: 20px;
text-align: left;
padding: 0px 20px;
}
a.press-quicklly-anchor{
top: 15%;
right: 10%;
}
}
@media only screen and (max-width: 1200px) and (min-width: 768px) and (orientation: landscape) {
.press-div-child .card-body {
min-height: 9rem;
}
.clsInnerCart .clsContent {
height:calc(100% - 93px);
padding:10px;
padding-right: 15px !important;
}
}
@media only screen and (max-width: 999px) and (min-width: 578px){
.press-q {
padding: 3rem;
}
.press-q h1 {
font-size: 25px;
margin-bottom: 5px;
}
.press-q p{
font-size: 10px;
}
.press-div {
padding: 2rem 3rem;
}
.press-div-child {
width: 47%;
/*margin: 10px;*/
}
.press-div-child:nth-child(2){
display:none;
}
}
/*@media only screen and (min-width: 1000px){
.press-div-child {
width: 32%;
margin:6px;
}
}*/
/*PR Page end*/
input.error{
border:1px solid red !important;
}
label.error{
color:red;
display: block;
}
.cst-fromrow-50{
width:50%;
float:left;
}
.clsCartBox .clsCartItems .clsContent .clsDetails > .detail > span > select {
border: 1px solid #eee;
border-radius: 4px;
padding: 2px 5px;
position:absolute;
right:0;
top:15px;
}
h2.food-heading{
font-size: 22px;
}
.clsFoodCatNm h2.CatCntr {
font-size: 16px;
font-weight: bold;
color: #000
}
.indian-groceries > h2 {
text-align: center;
margin: 35px 20px 25px 20px;
font-size: 17px;
font-weight: 600;
}
.rotate-box{cursor:pointer;perspective:600;position:relative}
.rotate-box.rotate-box--flipped .rotate-box__content{transform:rotateY(180deg)}
.rotate-box.rotate-box--flipped .rotate-box__content .rotate-box__side--back{z-index:2}
.rotate-box .rotate-box__height-placeholder{visibility:hidden}
.rotate-box .rotate-box__content{height:100%;position:absolute;transform-style:preserve-3d;transition:all .2s ease-in-out;width:100%;top:0}
.rotate-box .rotate-box__content .rotate-box__side:not(.rotate-box__side--back){z-index:1}
.rotate-box .rotate-box__side{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%;position:absolute;width:100%}
.rotate-box .rotate-box__side.rotate-box__side--back{transform:rotateY(180deg)}
.lazy-picture{opacity:0;transition:opacity .2s linear}
.lazy-picture.lazy-picture--loaded{opacity:1}
.flip-box{position:relative;}
@media (max-width:640px){
.flip-box{margin-left:auto;margin-right:auto;margin-bottom:20px;max-width:380px;width:100%}
.flip-box-link{margin-left:auto;margin-right:auto;margin-bottom:20px;max-width:380px;width:100%}}
.flip-box .button{border:none}
.flip-box .rotate-box__side{background-position:50%;background-repeat:no-repeat;background-size:cover}
.flip-box .rotate-box__side--back{box-shadow:0 0 20px 0 rgba(0,0,0,.17)}
.flip-box .rotate-box{ height: 415px;}
.flip-boxTarget{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;box-shadow:0 0 0 0 transparent;display:block;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;cursor:pointer;margin:0 auto;pointer-events:auto;z-index:1;font-family:Open Sans,sans-serif;font-weight:700;font-style:normal;font-size:18px;text-align:center;transition:box-shadow .26s cubic-bezier(.25,.46,.45,.94)}
@media (min-width:480px){.flip-boxTarget{font-size:calc(-.44843vw + 20.15247px)}}
@media (min-width:926px){.flip-boxTarget{font-size:calc(.72993vw + 9.24088px)}}
@media (min-width:1200px){.flip-boxTarget{font-size:18px}}
.flip-boxTarget:focus,.flip-boxTarget:hover{box-shadow:0 0 30px 0 rgba(0,0,0,.17);outline:none}
.flip-boxTarget:focus span span,.flip-boxTarget:hover span span{color:#4aae34;transform:translateX(5px)}
.flip-boxTarget>span{background-color:#fff;padding:12px;position:absolute;left:0;bottom:0;width:100%; color:#000}
.flip-boxTarget>span span{font-size:18px;transition:color .26s cubic-bezier(.25,.46,.45,.94),transform .26s cubic-bezier(.25,.46,.45,.94)}
.flip-boxOverlay{background-color:#fff;padding:30px 20px 12px;position:relative;pointer-events:auto;z-index:2;transition:opacity .26s cubic-bezier(.25,.46,.45,.94),visibility .26s cubic-bezier(.25,.46,.45,.94),transform .26s cubic-bezier(.25,.46,.45,.94);height:100%}
.flip-boxOverlay h3{margin-top:0;font-family:Open Sans,sans-serif;font-weight:700;font-style:normal;font-size:20px}
@media (min-width:480px){.flip-boxOverlay h3{font-size:calc(.69444vw + 16.66667px)}}
@media (min-width:1200px){.flip-boxOverlay h3{font-size:25px}}
.flip-boxOverlay p{margin-bottom:1.4em;
margin-top: 40px;
line-height: 26px;
font-size: 16px;
letter-spacing: 1px; color:#000; font-weight:500;}.flip-boxOverlay .flip-boxClose{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;cursor:pointer;color:#4aae34;font-size:26px;position:absolute;top:6px;right:6px}
.flip-boxOverlay .flip-boxClose:active,.flip-boxOverlay .flip-boxClose:focus,.flip-boxOverlay .flip-boxClose:hover{outline:none}
.flip-boxOverlay .flip-boxZip{margin:auto auto 2em;max-width:120px;position:relative}
.flip-boxOverlay .flip-boxZip:before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:mercato-fontawesome;font-weight:700;content:"\F3C5";position:absolute;top:50%;transform:translateY(-50%);left:0;pointer-events:none;color:#4aae34;font-size:18px}
.flip-boxOverlay .flip-boxZip input{background-color:transparent;border:none;border-bottom:1px solid #8b8b8b;padding-left:20px;width:100%;font-family:Open Sans,sans-serif;font-weight:300;font-style:normal;font-size:24px;transition:border-color .26s cubic-bezier(.25,.46,.45,.94)}
.flip-boxOverlay .flip-boxZip input:focus{border-color:#4aae34;outline:none}
@media (max-width:640px){.flip-boxOverlay .flip-boxZip .clear-input-button{top:0;right:-6px;font-size:30px}}
.flip-boxOverlay .button{font-size:14px}.flip-boxOverlay .button:after{top:14px;font-size:14px}
.flipperName::after{
margin-left: 10px;
display: inline-block;
content: '';
width: 10px;
height: 10px;
background-repeat: no-repeat;
background-size: cover;
background-image: url(../images/right-arrow.png);
}
.grecaptcha-badge { visibility: hidden; }
/* Food filter Start*/
.filter-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 10%);
display: none;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 99999;
top: 0;
left: 0;
background-color: #fff;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
box-shadow: 0px 0px 5px #000;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #000;
display: block;
transition: 0.3s;
}
.sidenav a:hover {
color: #000;
}
.clsFoodStores {
position:relative;
}
span.leftfilter {
cursor: pointer;
position: absolute;
font-size: 14px;
font-weight: 700;
color:#000;
}
.filterbutton {
position: relative;
margin-left: 20px;
}
span.leftfilter img {
width: 25px;
position: relative;
top: 7px;
border: 1px solid;
border-radius: 50%;
padding: 3px;
}
input#filterrestaurants {
text-align: center;
display: inline-block;
text-decoration: none;
background-color: var(--primary-color);
border: none;
padding: 10px 15px;
color: #fff;
border-radius: 4px;
outline: none;
cursor: pointer;
transition: 0.2s ease-out;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 20px;
font-size: 36px;
margin-left: 50px;
}
div#mySidenav input#Reset {
border: 1px solid #666;
background: #fff;
box-shadow: none;
padding: 10px;
border-radius: 3px;
}
.sidenav label.filterhead {
position: absolute;
top: 11px;
left: 20px;
font-size: 16px;
font-weight:700;
margin-left: 0px;
}
div#mySidenav ul {
padding: 10px 22px;
line-height: 22px;
list-style: none;
}
.filterbutton input {
font-weight: 700;
}
div#mySidenav ul li label span {
margin-left: 7px;
}
div#mySidenav ul li {
display: inline-block;
width: 48%;
margin: 7px 0px;
}
.current-filters{
list-style:none;
}
.current-filters > li{
border:1px solid rgba(147,163,172,.2);
background:#fff;
color:#000;
padding:2px 4px;
font-size:12px;
font-weight:600;
float:left;
margin-right:10px;
}
.current-filters > li > a{
margin-left:10px;
font-size:14px;
}
.product-filter-buttons-container {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.clear-current-filters {
font-size: 12px;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
padding: 3px;
color: var(--primary-color);
text-transform: uppercase;
cursor: pointer;
}
.current-filters > li > a:hover {
color: var(--primary-color);
}
@media screen and (max-width: 667px){
span.leftfilter {
cursor: pointer;
position: relative;
font-size: 14px;
font-weight: 700;
color: #000;
bottom: 10px;
}
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
/*------------------------------Grocery New design Css----------------------------*/
.grocerySpecialSlider.clsFoodSpl .clsContent.clsPgWidth, .grocerySpecialSlider.clsGroceryCats{
min-width:100% !important; max-width:100% !important; width:100% !important;
}
.grocerySpecialSlider.clsFoodSpl .clsGroceryCats .clsSliderCats, .grocerySpecialSlider.clsGroceryCats .clsSliderSubCats, .grocerySpecialSlider.clsBreadcrumb {
width: 85%;
margin-left: auto;
margin-right:auto;
}
.grocerySpecialSlider.clsFoodSpl .clsContent .clsSlider {
width: 95%;
margin: 0 auto;
position: relative;
}
.grocerySpecialSlider.clsFoodSpl a img {
width: 16.5vw;
padding:0vw 1.5vw;
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
.grocerySpecialSlider.clsFoodSpl a img {
width: 31vw;
padding:0vw 2vw;
}
.grocerySpecialSlide .slick-arrow.left {
left: -15px;
}
.grocerySpecialSlide .slick-arrow.right {
right: -15px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1386px) {
.grocerySpecialSlider.clsFoodSpl a img {
width: 19vw;
padding:0vw 1.5vw;
}
.grocerySpecialSlider.clsGroceryCats .clsSliderCats a img {
width: 90px;
}
.grocerySpecialSlider.clsGroceryCats .clsSliderCats a span {
font-size:13px;
}
.grocerySpecialSlide .slick-arrow.left {
left: -20px;
}
.grocerySpecialSlide .slick-arrow.right {
right: -20px;
}
}
@media only screen and (min-width: 1387px) and (max-width: 1500px) {
.grocerySpecialSlider.clsFoodSpl a img {
width: 16.5vw;
padding:0vw 1.5vw;
}
}
@media only screen and (min-width: 1501px) and (max-width: 1920px) {
.clsFoodSpl a img {
width: 16.5vw;
padding:0vw 1,5vw;
}
}
@media only screen and (min-width: 551px) and (max-width: 767px) {
.grocerySpecialSlider.clsFoodSpl a img {
width: 50vw;
padding:0vw 3vw;
}
}
@media only screen and (min-width: 320px) and (max-width: 550px) {
.grocerySpecialSlider.clsFoodSpl a img {
width: 63vw;
padding:0vw 2vw;
}
.grocerySpecialSlider.clsFoodSpl .clsGroceryCats .clsSliderCats, .grocerySpecialSlider.clsGroceryCats .clsSliderSubCats, .grocerySpecialSlider.clsBreadcrumb {
width: 95%;
}
.grocerySpecialSlider.clsFoodSpl .clsContent {
padding: 0 0px;
}
.grocerySpecialSlider.clsFoodSpl .clsContent .clsSlider {
width: 100%;
margin: 0 auto;
position: relative;
}
.grocerySpecialSlider.clsFoodSpl {
background:#fff;
clear: both;
}
}
/*-------------------------Food Suggest Popup------------------------*/
.clsFoodSuggestPopup {
width: 715px;
}
.clsFoodSuggestPopup .popup-close {
position: absolute;
right: 10px;
top: 10px;
display: block;
width: 20px;
height: 20px;
text-align: center;
font-weight: 700;
font-size: 20px;
color: #000000;
}
.clsContent.clsFSP {
padding: 45px 30px;
text-align: center;
position: relative;
overflow: hidden;
}
.clsContent.clsFSP > h3 {
color: #FD6E05;
text-align: center;
font-size: 30px;
letter-spacing: 1px;
}
.clsContent.clsFSP > p {
margin-top: 20px;
text-align: center;
color: #000000;
font-weight: 500;
padding: 0 10%;
font-size: 14px;
}
.clsContent.clsFSP .clsFSP_StoreSlider {
width: 90%;
margin: 0 auto;
margin-top: 24px;
padding-bottom: 5px;
display: none;
}
.clsFSP_Store {
margin: 0 15px;
outline: none;
}
.clsFSP_Store img {
width: 100%;
border-radius: 3px;
}
.clsFSP_Store h3 {
margin-top: 12px;
font-size: 12px;
text-align: center;
font-weight: 600;
color: #000;
min-height: 32px;
}
.clsFSP_Store a {
width: 90%;
margin: 0 auto;
margin-top: 13px;
display: block;
border: 1px solid #FD6E05;
border-radius: 3px;
padding: 7px;
color: #FD6E05;
font-size: 12px;
text-align: center;
transition: all 0.1s ease-out;
}
.clsFSP_Store a:hover {
color: #fff;
background-color: #FD6E05;
transition: all 0.2s ease-in;
}
.clsContent.clsFSP .clsFSP_StoreSlider .slick-arrow {
position: absolute;
top: 28%;
font-size: 23px;
cursor: pointer;
font-style: normal;
color: #000;
z-index: 2;
background-color: #fff;
border-radius: 50%;
box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 60%);
width: 30px;
height: 30px;
}
.clsContent.clsFSP .clsFSP_StoreSlider .slick-arrow.left {
left: -4%;
}
.clsContent.clsFSP .clsFSP_StoreSlider .slick-arrow.right {
right: -4%;
}
.clsContent.clsFSP > a {
margin-top: 32px;
display: inline-block;
border: 1px solid #FD6E05;
border-radius: 3px;
padding: 12px 35px;
color: #fff;
background-color: #FD6E05;
text-align: center;
position: relative;
z-index: 1;
}
.clsContent.clsFSP .popup-bg {
position: absolute;
bottom: -50%;
left: 50%;
width: 102%;
height: 36%;
background-color: #FCECD7;
border-radius: 50%;
transform: translateX(-50%);
}
.strike-price {
color: #ff9494;
font-weight: 500;
/* font-size: 14px; */
font-family: 'Montserrat', sans-serif;
-webkit-font-smoothing: antialiased;
margin-left: 5px;
}
.clsFSP_Discount_Line {
font-weight: 500;
color: #000 !important;
margin-left: 10px;
}
@media screen and (max-width: 800px) {
.clsFoodSuggestPopup {
width: 95%;
border-radius: 8px;
}
.clsContent.clsFSP {
padding: 35px 25px;
}
.clsContent.clsFSP > h3 {
font-size: 25px;
}
.clsContent.clsFSP > p {
margin-top: 15px;
}
.clsContent.clsFSP > a {
margin-top: 25px;
padding: 10px 30px;
border-radius: 5px;
}
.clsFSP_Store a {
border-radius: 5px;
}
}
@media screen and (max-width: 600px) {
.clsContent.clsFSP .clsFSP_StoreSlider .slick-arrow.left {
left: -6%;
}
.clsContent.clsFSP .clsFSP_StoreSlider .slick-arrow.right {
right: -6%;
}
.clsFSP_Discount_Line {
display: block;
margin-left: 0;
margin-top: 10px;
}
}
@media screen and (max-width: 430px) {
.clsContent.clsFSP > h3 {
font-size: 17px !important;
}
.clsContent.clsFSP > p {
padding: 0 5%;
font-size: 12px;
}
.clsContent.clsFSP {
padding: 25px 15px;
}
.clsContent.clsFSP > a {
margin-top: 20px;
padding: 10px 20px;
}
.clsFoodSuggestPopup .popup-close {
font-size: 16px;
}
.clsContent.clsFSP .clsFSP_StoreSlider .slick-arrow.left {
left: -8%;
}
.clsContent.clsFSP .clsFSP_StoreSlider .slick-arrow.right {
right: -8%;
}
}
@media screen and (max-width: 350px) {
.clsFSP_Store h3 {
font-size: 12px !important;
}
}
#notification-wrapper{
background-image: url('../images/noti_bg.png');
background-size: 100% 100px;
background-position: center;
background-repeat: no-repeat;
position: fixed;
top: 62px;
padding: 0px 15px 0px 15px;
width: 100%;
height: 65px;
display: inline-block;
z-index: 2;
}
#notification-togglebtn{
top: -5px;
position: relative;
background: none;
border: none;
}
.firstnoti{
width: 75px;
display: inline-block;
text-align: center;
}
.sixthnoti{
display: inline-block;
text-align: center;
}
.seventhnoti{
display: inline-block;
text-align: center;
}
.notification-inner-wrapper{
display: inline-block;
width: 82%;
text-align: center;
}
.notification-inner-wrapper span{
font: normal normal 600 13px Montserrat;
letter-spacing: 1px;
color: #A93122;
top: -18px;
position: relative;
}
.notification-inner-wrapper span button{
font: normal normal 500 11px Montserrat;
letter-spacing: 0.5px;
color: #FFF;
background: #A93122;
position: relative;
padding: 7px 13px;
left: 15px;
border: none;
border-radius: 4px;
margin-right: 35px;
cursor: pointer;
}
.sweet{
top: -5px; position: relative;
}
@media(max-width: 1048px){
#notification-wrapper{
background-image: url('../images/noti_bg.png');
background-size: 100% 100px;
background-position: center;
background-repeat: no-repeat;
position: fixed;
top: 90px;
padding: 0px 15px 0px 15px;
width: 100%;
height: 65px;
display: inline-block;
}
#notification-togglebtn{
top: -5px;
position: relative;
background: none;
border: none;
}
.firstnoti{
width: 50px;
display: inline-block;
text-align: center;
}
.sixthnoti{
width: 50px;
display: inline-block;
text-align: center;
}
.seventhnoti{
width: 25px;
display: inline-block;
text-align: center;
}
.notification-inner-wrapper{
display: inline-block;
width: 75%;
text-align: center;
}
.notification-inner-wrapper span{
font: normal normal 600 12px Montserrat;
letter-spacing: 0px;
color: #A93122;
top: -18px;
position: relative;
}
.notification-inner-wrapper span button{
font: normal normal 500 11px Montserrat;
letter-spacing: 0.5px;
color: #FFF;
background: #A93122;
position: relative;
padding: 7px 13px;
left: 15px;
border: none;
border-radius: 4px;
margin-right: 35px;
}
}
@media(max-width: 800px){
#notification-wrapper{
background-image: url('../images/noti_bg.png');
background-size: 100% 100px;
background-position: center;
background-repeat: no-repeat;
position: fixed;
top: 120px;
padding: 0px 15px 0px 15px;
width: 100%;
height: 65px;
display: inline-block;
}
.notification-togglebtn{
top: -5px;
position: relative;
}
.sweet{
position: relative;
top: -4px;
}
}
@media only screen and (min-device-width: 504px) and (max-device-width: 748px){
#notification-wrapper{
background-image: url('../images/noti_bg.png');
background-size: 100% 100px;
background-position: center;
background-repeat: no-repeat;
position: fixed;
top: 120px;
padding: 0px 15px 0px 15px;
width: 100%;
height: 65px;
display: inline-block;
}
.notification-togglebtn{
top: -5px;
position: relative;
}
.firstnoti{
top: -40px;
position: relative;
}
.sixthnoti{
width: 50px;
display: inline-block;
}
.firstnoti img{
width: 40px;
height: 60px;
margin-left: -20px;
}
.sixthnoti img{
width: 40px;
height: 60px;
margin-right: -20px !important;
float: right;
top: -40px;
position: relative;
}
.seventhnoti{
width: 1px;
display: inline-block;
position: relative;
left: 20px;
top: -50px;
}
.notification-inner-wrapper{
display: inline-block;
width: 70%;
text-align: center;
height: 62px;
}
.snack{
position: relative;
top: 27px;
left: -100px;
}
.sweet{
position: relative;
right: -100px;
top: -37px;
}
.notification-inner-wrapper span{
font: normal normal 600 9px Montserrat !important;
letter-spacing: 0px;
color: #A93122;
position: relative;
top: -35px;
display: block;
}
.notification-inner-wrapper span button{
font: normal normal 500 11px Montserrat;
color: #FFF;
background: #A93122;
padding: 5px 10px;
border: none;
border-radius: 4px;
}
}
@media(max-width: 460px){
#notification-wrapper{
background-image: url('../images/noti_bg.png');
background-size: 100% 100px;
background-position: center;
background-repeat: no-repeat;
position: fixed;
top: 110px;
padding: 0px 15px 0px 15px;
width: 100%;
height: 65px;
display: inline-block;
}
.notification-togglebtn{
top: -5px;
position: relative;
}
.firstnoti{
width: 50px;
display: inline-block;
text-align: center;
margin-left: -15px;
top: -52px;
position: relative;
}
.sixthnoti{
width: 50px;
display: inline-block;
height: 6px;
}
.firstnoti img{
width: 40px;
height: 60px;
margin-left: -20px;
}
.sixthnoti img{
width: 40px;
height: 60px;
margin-right: -20px !important;
float: right;
top: -102px;
position: relative;
}
.seventhnoti{
width: 1px;
display: inline-block;
position: relative;
left: -20px;
top: -60px;
}
.notification-inner-wrapper{
display: inline-block;
width: 70%;
text-align: center;
height: 62px;
}
.snack{
position: relative;
top: 27px;
left: -100px;
}
.sweet{
position: relative;
right: -100px;
top: -50px;
}
.notification-inner-wrapper span{
font: normal normal 600 9px Montserrat !important;
letter-spacing: 0px;
color: #A93122;
position: relative;
top: -35px;
display: block;
}
.notification-inner-wrapper span button{
font: normal normal 500 11px Montserrat;
color: #FFF;
background: #A93122;
padding: 5px 10px;
border: none;
border-radius: 4px;
}
}
@media(max-width: 375px){
#notification-wrapper{
background-image: url('../images/noti_bg.png');
background-size: 100% 100px;
background-position: center;
background-repeat: no-repeat;
position: fixed;
top: 110px;
padding: 0px 15px 0px 15px;
width: 100%;
height: 65px;
display: inline-block;
}
.notification-togglebtn{
top: -5px;
position: relative;
}
.firstnoti{
width: 50px;
display: inline-block;
text-align: center;
margin-left: -15px;
top: -52px;
position: relative;
}
.sixthnoti{
width: 30px;
display: inline-block;
}
.firstnoti img{
width: 40px;
height: 60px;
margin-left: -20px;
}
.sixthnoti img{
width: 40px;
height: 60px;
margin-right: -20px !important;
float: right;
top: -102px;
position: relative;
}
.seventhnoti{
width: 1px;
display: inline-block;
position: relative;
right: -320px;
top: -60px;
}
.notification-inner-wrapper{
display: inline-block;
width: 70%;
text-align: center;
}
.snack{
position: relative;
top: 27px;
left: -100px;
}
.sweet{
position: relative;
right: -100px;
top: -50px;
}
.notification-inner-wrapper span{
font: normal normal 600 9px Montserrat !important;
letter-spacing: 0px;
color: #A93122;
position: relative;
top: -35px;
display: block;
}
.notification-inner-wrapper span button{
font: normal normal 500 11px Montserrat;
color: #FFF;
background: #A93122;
padding: 5px 10px;
border: none;
border-radius: 4px;
}
}
Directory Contents
Dirs: 0 × Files: 26