/******************************* dashboard page CSS start here *******************************/
.chef-box img { max-width:167px; }
.step-box-1 img { background-color:#f0f0f0; height:195px; object-fit:contain; }
.recipe-tab .tab-box video { height:195px; width:100%; }
    
#step label,#finalimage label, .rcp-slt .btn-file-upload .browse-btn { display:block!important; }
#tab38 .log-box .dropdown-toggle img { border-radius:unset; height:auto; width:auto; }
.dash-sec { background-color:#f0f0f0; padding:45px 0; }
.dash-box { background-color:#fff; border:1px solid #BBBCBB; box-shadow:0 0 40px rgba(0,0,0,0.29); }
.has-error .help-block { clear:both; color:#ff0000;  font-size:13px; margin:0; text-align:left; }
.active-menu { color:var(--main-color)!important; text-decoration:underline; }
.dash-box h5 { color:#000; font-size:20px; font-weight:600; margin:0 0 30px; text-transform:uppercase; }
.dash-box h6 { color:#272727; font-size:14px; font-weight:normal; margin:0 0 12px; }
.dash-box h6 span, .page_subtitle { color:#000; font-size:20px; font-weight:bold; }
.ds-txt { color:#2F2F2F; font-size:31px; font-weight:bold; margin:28px; text-transform:uppercase; }
.tab-sec .nav-tabs { background-color:#f2f1f1; border-bottom:none; }
.tab-sec .nav-tabs li { width:100%; }
.tab-sec .nav-tabs li a { border-bottom:1px solid #E4E4E4; color:#464646; display:block; font-size:20px; padding:15px 24px; }
.tab-sec .nav-tabs li .active, .tab-sec .nav-tabs li a:hover { background-color:var(--main-color); color:#fff; position:relative; }
.tab-sec .nav-tabs li .active::before, .tab-sec .nav-tabs li a:hover::before { border-right:8px solid #2f2f2f; bottom:8px; content:''; left:0; position:absolute; right:0; top:8px; }
.tab-sec .nav-tabs li .active img, .tab-sec .nav-tabs li a:hover img { filter:none; }
.tab-sec .nav-tabs li img { filter:invert(60%) brightness(175%); float:left; padding:3px 0 0; }
.tab-sec .nav-tabs li span { display:block; padding:0 0 0 48px; }
.dash-box .tab-content { padding:40px 25px 25px; }
.dash-box .name-txt { margin:0 0 28px; }
#step label, #addRecipeMediaForm label { border:1px solid #C4C4C4; height:39px; margin:0; }
#step .file_display, #addRecipeMediaForm .file_display { padding:0 8px; }

.tot-main { padding:0 6px; }
.tot-box { background-image:url(../../images/new_images/dash-icon9.png); background-position:90% 80%; background-repeat:no-repeat; border:1px solid #B6B6B6; border-radius:1px; height:118px; margin:0 0 10px; padding:14px 18px; }
.tot-main .col-xl-3:nth-child(2) .tot-box { background-image:url(../../images/new_images/dash-icon10.png); }
.tot-main .col-xl-3:nth-child(2) .sup-img { background-image:url(../../images/new_images/dash-icon13.png); }
.tot-main .col-xl-3:nth-child(3) .tot-box, .tot-main .col-xl-4:nth-child(2) .tot-box { background-image:url(../../images/new_images/dash-icon11.png); }
.tot-main .col-xl-3:nth-child(4) .tot-box, .tot-main .col-xl-4:nth-child(3) .tot-box { background-image:none; }
.wharehouse .col-xl-3 a .tot-box { background-image:url(../../images/new_images/ware-icon.png) !important; }
.wharehouse .col-xl-3 a:hover { box-shadow:0 0 5px #999; display:block; }
.tot-box h4 { color:#2F2F2F; font-size:15px; font-weight:500; margin:0 0 4px; text-transform:uppercase; }
.tot-box h4 span { display:block; font-size:27px; font-weight:bold; padding:6px 0 0; }
.tot-box a { background-color:var(--main-color); border-radius:2px; color:#fff; display:inline-block; font-size:13px; padding:7px 12px 4px; }
.tot-box a img { margin:-4px 10px 0 0; }
.tab-sec-1 .nav-tabs li a { border-bottom:3px solid transparent; color:#4F4F4F; display:block; font-size:14px; padding:10px 24px; text-transform:capitalize; }
.tab-sec-1 .nav-tabs li .active, .tab-sec-1 .nav-tabs li a:hover { border-bottom:3px solid var(--main-color); color:#2F2F2F; }
.tab-sec-1 .nav-tabs .disabled a { color:#777; cursor:not-allowed; }
.tab-sec-1 .nav-tabs .disabled a:hover { border-bottom:3px solid #fff; color:#777; }

.dash-box .tab-content .tab-content { padding:35px 0; }
.dash-table table { border:1px solid #BDBDBD; width:100%; }
.dash-table tr { border-bottom:1px solid #BDBDBD; }
.dash-table th { color:#2F2F2F; font-size:12px; font-weight:normal; padding:10px 15px; }
.dd-1 { background-color:#F2F2F2; }
.dash-table td { color:#000; font-size:15px; padding:6px 15px; }
.dash-table td:first-child { font-weight:bold; }
.dash-table td h4 { background-color:var(--main-color); color:#fff; font-size:18px; font-weight:normal; margin:-6px -15px; padding:10px 15px; }
.mon-txt .nav-tabs li { margin:0 0 -1px; }
.mon-txt .nav-tabs li a, .mon-txt .nav-tabs li a:hover { border:1px solid transparent; border-bottom:none; color:#858585; font-size:12px; }
.mon-txt .nav-tabs li .active, .mon-txt .nav-tabs li .active:hover { background-color:#fff; border:1px solid #ccc; border-bottom:none; }
.mon-txt .nav-tabs li a span { color:#575757; display:block; font-size:20px; text-transform:uppercase; }
.mon-txt .nav-tabs li .active span, .today-box p a:hover, .ord-table td a:hover, .canceled, .trs-txt td:nth-child(5), .dash-table .ed-btn-1 .fa-pencil-square-o, .back-btn a:hover, .add-table td:last-child i:hover, .add-cate li:hover a, .add-cate li:hover::before, .add-cate li:last-child, .dairy-txt li a:hover, .dairy-txt li:last-child a, .dairy-txt li:hover::before, .ord-table td span:hover, .ord-table td span .active, .supp-ord .order-dt li a:hover { color:var(--main-color) !important; }
.env-btn { background-color:var(--main-color); border-radius:50%; color:#fff; display:inline-block; font-size:12px; height:25px; margin:0 0 0 5px; padding:3.8px 0 0; text-align:center; width:25px; }
.dash-box .mon-txt .tab-content { border:1px solid #ccc; border-top:none; margin:0 0 20px; padding:20px; }
.mon-txt .dash-table td:first-child { border-right:1px solid #BDBDBD; font-weight:normal; padding:15px; }

#cancelOrderAction .modal-content { border:none; border-radius:0; }
#cancelOrderAction .modal-header { border-bottom:none; display:block; padding:0; }
#cancelOrderAction .modal-body { padding:0 15px 25px; }
#cancelOrderAction .close { background-color:#333; color:#fff; border-radius:50%; font-size:35px; font-weight:normal; height:35px; margin:-20px -8px 0; outline:none; padding:0 0 0 2px; opacity:1; text-shadow:none; width:35px; }
#cancelOrderAction .modal-header h4 { color:#000; font-size:22px; font-weight:600; margin:15px 0; text-align:center; }
#cancelOrderAction .modal-body textarea { border-radius:0; font-size:14px; margin:0 0 3px; padding:10px 14px; }
#cancelOrderAction #cancleorderButton { background-color:var(--main-color); border:none; color:#fff; padding:5px 12px; }

.today-box { box-shadow:0 4px 24px rgba(0,0,0,0.14); margin:0 0 20px; padding:20px; }
.today-box .col-xl-7 img { float:left; padding:0 22px 0 0; width:130px; }
.today-box h3 { color:#2F2F2F; font-size:22px; font-weight:bold; margin:8px 0 38px; }
.today-box h4 { color:#2F2F2F; font-size:18px; font-weight:bold; margin:0 0 12px; }
.tab-sec-1 .today-box h5 { border-bottom:none; color:#4F4F4F; font-size:13px; margin:0 0 12px; padding:0; }
.today-box h5 span { font-weight:normal; }
.today-box h5 span i { padding:0 5px 0 0; }
.today-box h6 { color:#4F4F4F; font-size:13px; font-weight:normal; margin:0 0 12px; }
.today-box .pay-txt { color:#2F2F2F; font-weight:600; }
.today-box h6 span { color:#131313; display:inline-block; font-weight:500; padding:0 18px 0 0; text-align:right; width:140px; }
.today-box h6 b { color:#131313; font-size:14px; font-weight:500; }
.today-box h6 strong { color:#2F2F2F; display:inline-block; font-weight:normal; width:170px; }
.today-box li { border-top:2px solid #949494; color:#949494; float:left; font-size:13px; padding:25px 15px 30px 0; position:relative; width:20%; }
.today-box li::before { background-color:#fff; border:2px solid #949494; border-radius:50%; content:''; height:28px; left:0; position:absolute; top:-14px; width:28px; }
.today-box .completed { border-top:2px solid #27AE60; color:#4F4F4F; }
.canceled::before { align-items:center; border:2px solid var(--main-color) !important; content:"\f00d" !important; display:flex; font-family:fontAwesome; font-size:18px; justify-content:center; }
.today-box .completed::before { background-image:url(../../images/new_images/tick-1.png); background-repeat:no-repeat; background-size:100%; border:none; width:31px; }
.today-box li:last-child { border:none; }
.today-box p { color:#4F4F4F; font-size:14px; line-height:1.7; margin:0; }
.today-box p span { display:block; font-weight:600; padding:0 0 6px; }
.today-box p a { color:#4F4F4F; }
.get-btn { background-color:var(--main-color); border-radius:3px; color:#fff; display:inline-block; font-size:15px; font-weight:600; margin:20px 0 0; padding:14px 22px 12px; }
.up-tab, .accord-txt li:last-child, .ord-table tr:last-child, .log-box .dropdown-menu li:last-child a { border-bottom:none; }
.tab-sec-1 .up-tab li a { border:1px solid #BDBDBD; border-radius:3px; font-size:14px; font-weight:500; margin:0 10px 0 0; padding:9px 18px; }
.tab-sec-1 .up-tab li .active, .tab-sec-1 .up-tab li a:hover { background-color:var(--main-color); border:1px solid var(--main-color); color:#fff; }
.register_btn .is_tax_form_agree { margin:15px 0 8px; }

.trs-txt { width:100%; }
.trs-txt td { color:#565656; font-size:12px; }
.trs-txt td:first-child { font-weight:normal; }
.trs-txt td:nth-child(2) { color:#000; font-weight:600; }
.trs-txt td span { background-color:#219653; color:#fff; display:inline-block; padding:5px 15px; }

.inter.earn-txt .alert-danger .btn-sm { float:right; margin:-3px 0 0; }
.today-box .ing-txt h6 { color:var(--main-color); font-size:15px; font-weight:500; line-height:1.5; margin:15px 0 10px; }
.ing-txt .dash-table td { border-right:1px solid #BDBDBD; color:#454545; font-size:12px; }
.ing-txt .dash-table td:first-child { font-weight:normal; }

.meal-txt li:first-child { margin:0 5px 5px 0; position:relative;}
.box-5 { background-color:transparent; border:1px solid #BDBDBD; box-shadow:none; color:#000; font-size:16px; height:41px; padding:10px 15px; width:100%; }
.box-5:focus { background-color:; border:1px solid #BDBDBD; box-shadow:none; color:#000; }
.box-5::placeholder { background-color:transparent; color:#000; }
.meal-txt .sr-btn { color:#000; left:auto; right:15px; top:12px; }
.meal-txt li li:first-child { margin:0; width:auto; }
.tab-sec-1 .meal-txt .up-tab li a { margin:0 5px 0 0; }
.recent-box .add-txt-1 { border-bottom:none; border-top:none; margin:0; }
.recent-box .add-txt-1 li:first-child a { color:var(--main-color); font-weight:600; }
.recent-box .add-txt-1 li:last-child a { color:#30BD7D; font-weight:600; }

.tab-sec-1 .col-xl-5 h5 { border-bottom:1px solid #C4C4C4; color:var(--main-color); margin:0 0 18px; padding:0 0 10px; text-transform:none; }
.currt-box { box-shadow:0 0 33px rgba(0,0,0,0.14); margin:0 0 20px; padding:17px 20px 25px; }
.currt-box h3 { color:#666; font-size:20px; font-weight:normal; margin:0 0 15px; text-align:left; }
.currt-box h3 span { color:#2F2F2F; font-size:44px; font-weight:bold; padding:0 10px 0 0; vertical-align:middle; }
.currt-box h5 { border-bottom:1px solid #C4C4C4; color:var(--main-color); font-size:15px; font-weight:normal; margin:0 -20px 15px; padding:0 20px 15px; text-align:left; text-transform:none; }
.currt-box h5 span { color:#666; float:right; }
.currt-box h6 { color:#2F2F2F; font-size:18px; margin:0 0 20px 35px; text-align:left; text-transform:uppercase; }
.currt-box h6 span { color:#666; display:block; font-size:14px; font-weight:normal; padding:8px 0 0; text-transform:none; }
.currt-box img { float:left; padding:2px 0 0; }
.currt-box a { background-color:#2F2F2F; border-radius:5px; color:#fff; display:inline-block; font-size:13px; padding:10px 32px 8px; }
.currt-box a.add-emp { background-color:var(--main-color); }
.currt-box .with-btn { background-color:var(--main-color); margin:0 8px 0 0; }
.add-btn-2 { background-color:var(--main-color); border-radius:5px; color:#fff; display:inline-block; font-size:13px; margin:0 0 20px; padding:10px 22px 7px; }
.dash-table h6 { color:var(--main-color); font-size:14px; margin:0; }
.dash-table h6 a { background-color:transparent; color:#666; text-decoration:underline; }
.dash-table h6 a:hover { box-shadow:none; color:var(--main-color); }
.trs-txt td b { background-color:#219653; border-radius:3px; color:#fff; display:inline-block; font-weight:normal; padding:4px 20px; }
.trs-txt td strong { background-color:var(--main-color); border-radius:3px; color:#fff; display:inline-block; font-weight:normal; padding:4px 20px; }
.trs-txt td .ch-btn { padding:3px 8px; }
.trs-txt td button { background-color:#2F2F2F; border:none; border-radius:3px; color:#fff; padding:3px 8px; }
.add-emp { background-color:#2F2F2F; border:none; border-radius:3px; color:#fff; font-size:14px; padding:2px 18px; }
.add-emp span { font-size:24px; display:inline-block; padding:2px 0 0 6px; vertical-align:middle; }
.dash-box #tab45 .trs-txt { margin:20px 0 0; }
.dash-table .ed-btn-1 a { background-color:transparent; color:#2F2F2F; font-size:17px; margin:0 15px 0 0; padding:0; }
.dash-table .ed-btn-1 a:hover { background-color:transparent; box-shadow:none; color:var(--main-color); }
.dash-box .ch-box-1 .box-5 { height:50px; margin:15px 0 0; }
.dash-box .ch-box-1 input[type="checkbox"] { margin:0 8px 22px 0; }
.dash-box .ch-box-1 select.box-5 { background-image:url(../../images/new_images/arrow.png); background-position:90%; background-repeat:no-repeat; -webkit-appearance:none; }
.dash-box .ch-box-1 a { display:inline-block; font-size:15px; margin:15px 0 0; padding:9px 20px; }
.ch-box-1 form button { margin:10px 0 0; padding:6px 15px; }

.locate-txt h3 { color:#2F2F2F; font-size:30px; font-weight:bold; margin:0; padding:0 0 25px; }
.locate-txt h3 span { float:right; margin:-5px 0 0; }
.locate-txt h3 a { background-color:var(--main-color); color:#fff; display:inline-block; font-size:19px; font-weight:normal; padding:13px 18px 10px; text-transform:uppercase; }
.locate-txt h4 { color:#000; font-size:25px; font-weight:normal; margin:0; padding:10px 0 20px; }
.locate-txt h6 { color:#2F2F2F; font-size:16px; font-weight:normal; line-height:1.5; margin:0 0 14px; }
.locate-txt h6 span { font-weight:500; }

.locate-edit { text-align:right; }
.locate-edit i { background-color:var(--main-color); border-radius:50%; color:#fff; height:32px; margin:0 0 0 5px; padding:8px 0 0; text-align:center; width:32px; }
.locate-edit button { background-color:transparent; border:none; padding:0; }

.search-area { border:1px solid #e6eaee; display:flex; margin:0 0 12px; position:relative; }
.search-area input { background-color:transparent; border:none; border-radius:0; color:#4d4d4d; display:inline-block; font-size:12px; height:38px; padding:10px; }
.search-area input:focus { background-color:transparent; border:none; box-shadow:none; color:#4d4d4d; }
.search-area input::placeholder { background-color:transparent; color:#aaa; }
.search-area select { background-color:#f2f7fb; background-image:url(../../images/new_images/arrow-2.png); background-position:90%; background-repeat:no-repeat; border:none; border-right:1px solid #e6eaee; border-radius:0; color:#222; cursor:pointer; font-size:12px; font-weight:500; height:38px; padding:10px; width:200px; -moz-appearance:none; -webkit-appearance:none; }
.search-area select:focus { background-color:#f2f7fb; border:none; border-right:1px solid #e6eaee; box-shadow:none; color:#222; }
.search-area button { background-color:transparent; border:none; color:var(--main-color); font-size:18px; padding:0; position:absolute; right:10px; top:6px; }
.search-area button:hover { color:var(--main-color-1); }
.dash-box .control-label { align-items:center; display:flex; height:130px; justify-content:center; width:130px; }

.inc_name { color:#d80000 !important; padding:6px 0px !important; }

/******************************* dashboard-1 page CSS start here *******************************/
.rcp-main { border:1px solid #cdcdcd; padding:40px 10px; text-align:center; }
.rcp-main h3 { color:#219653; font-size:20px; font-weight:bold; margin:0 0 30px; text-decoration:underline; }
.rcp-main .recp-box a { height:100%; margin:0 70px; padding:30px 0; }
.rcp-main .recp-box a:hover { background: #bf8080;}
.rcp-img { position:relative; }
.rcp-img::before { background-color:rgba(0,0,0,0.5); border-radius:3px; content:''; height:100%; left:0; position:absolute; right:0; }
.rcp-img img { height:220px; object-fit:cover; }
#profileImage { align-items:center; background-color:var(--main-color); border-radius:50%; color:#fff; display:flex; font-size:16px; font-weight:600; height:35px; justify-content:center; text-align:center; width:35px; }
.btn-delete { background-color:#fff; border:none; border-radius:50%; color:#000; height:28px; width:28px; }
.dash-box .card-columns { column-count:4; -webkit-column-count:4; }
.dash-box .card-columns ul { border-left:2px solid var(--main-color-1); border-top:2px solid var(--main-color-1); margin:0 0 25px; padding:0 0 0 12px; }
.dash-box .card-columns li { color:#000; font-size:14px; padding:0 0 8px; }
.dash-box .card-columns ul span { background-color:#ecefed; display:block; font-family:Lancelot; font-size:20px; font-weight:600; margin:0 0 0 -12px; padding:5px 12px; text-transform:uppercase; }
.dash-box .card-columns li input { position:relative; top:2px; }

/* loader css start */
#loader-wrapper { height:100%; left:0; position:fixed; top:0; width:100%; z-index:1000; }
#loader { animation:spin 2s linear infinite; border:3px solid transparent; border-top-color:#3498db; border-radius:50%; display:block; height:150px; left:50%; margin:-75px 0 0 -75px; position:relative; top:50%; width:150px; -webkit-animation:spin 2s linear infinite; z-index:1001; }
#loader:before { animation:spin 3s linear infinite; border:3px solid transparent; border-top-color:#e74c3c; border-radius:50%; bottom:5px; content:""; left:5px; position:absolute; right:5px; top:5px; -webkit-animation:spin 3s linear infinite; }
#loader:after { animation:spin 1.5s linear infinite; border:3px solid transparent; border-radius:50%; bottom:15px; border-top-color:#f9c922; content:""; position:absolute; left:15px; right:15px; top:15px; -webkit-animation:spin 1.5s linear infinite; }
@-webkit-keyframes spin {
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
100% { transform:rotate(360deg); -webkit-transform:rotate(360deg); }
}

@keyframes spin {
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
100% { transform:rotate(360deg); -webkit-transform:rotate(360deg); }
}

#loader-wrapper .loader-section { background:#222; height:100%; position:fixed; top:0; width:51%; z-index:1000; transform:translateX(0); -webkit-transform:translateX(0); }
#loader-wrapper .loader-section.section-left { left:0; }
#loader-wrapper .loader-section.section-right { right:0; }

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left { transform:translateX(-100%); -webkit-transform:translateX(-100%);
transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);   }
.loaded #loader-wrapper .loader-section.section-right { transform:translateX(100%); -webkit-transform:translateX(100%); transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);   }    
.loaded #loader { opacity:0; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; }
.loaded #loader-wrapper { transform:translateY(-100%); -webkit-transform:translateY(-100%); transition:all 0.3s 1s ease-out; -webkit-transition:all 0.3s 1s ease-out; visibility:hidden;   }
.loader-image-full { align-items:center; background-color:rgba(0,0,0,0.5); bottom:0; display:flex; height:100%; justify-content:center; overflow-y:hidden; position:fixed; top:0; width:100%; z-index:111; }
    
/******************************* supplier-dashboard page CSS start here *******************************/
.supp-box { background-color:#F2F2F2; border-radius:7px; margin:0 0 18px; }
.supp-box img { border-radius:7px 7px 0 0; height:150px; object-fit:cover; }
.supp-box h5 { background-color:var(--main-color); border-radius:30px; color:#fff; display:inline-block; font-size:12px; font-weight:normal; left:10px; margin:0; padding:9px 18px; position:relative; top:-18px; }
.supp-box h5 span { font-size:15px; }
.tab-sec-1 .col-lg-4 .supp-box h4 { color:#2F2F2F; font-size:17px; font-weight:600; margin:0 10px 10px; }
.supp-box h6 { color:#4F4F4F; font-size:14px; font-weight:normal; margin:0 10px 18px; }
.supp-box h6 span { color:var(--main-color); display:block; font-size:16px; font-weight:500; padding:7px 0 0; }
.supp-box a { background-color:#E0E0E0; border-radius:0 0 7px 7px; color:#2F2F2F; display:block; font-size:18px; font-weight:bold; padding:12px 0; text-align:center; }
.supp-box a:hover { background-color:var(--main-color); color:#fff; }
.ing-txt-1 .rcp-main .recp-box a { margin:0 35px; }
.add-btn-3 { background-color:var(--main-color); border-radius:3px; color:#fff; cursor:pointer; display:inline-block; font-size:18px; font-weight:600; margin:0 0 35px; padding:12px 15px 9px; }
.add-btn-3 span { font-family:Lancelot; font-size:25px; font-weight:normal; padding-right:8px; }
.loader-image { margin:-22px 0 0; } 
.loader-image img { float:none; margin:0; width:60px; }
.exp-btn.add_nutrition_btn { padding:10px 30px; }
.repeat_box input { border:1px solid #ccc; border-radius:0; height:45px; }
.repeat_box .remove_button { border-radius:0; height:45px; padding:9.5px 15px; }
.recp-txt form.et-main { display:inline-block; margin:0 0 4px; position:relative; top:0; }
.recp-txt form.et-main i { right:0; top:0; }

.back-btn, .back-btn a { background-color:transparent; border:none; color:#000; float:right; font-size:13px; margin:-8px 0 0; }
.back-btn i { padding:0 8px 0 0; }
.ing-txt td span { background-color:#219653; border-radius:3px; color:#fff; display:inline-block; font-weight:500; padding:5px 15px 3px; }
.ing-txt td b { color:#000; font-weight:600; }
.ing-txt .or-rec { background-color:#F2994A; border-radius:3px; color:#fff; display:inline-block; font-weight:500; padding:5px 15px 3px; }

.add-btn-4 { background-color:var(--main-color); border:none; border-radius:3px; color:#fff; display:inline-block; float:right; font-size:14px; font-weight:500; padding:9px 18px; text-transform:uppercase; }
.box.ms-box { background-color:#fff; background-position:95%; border:1px solid #D1C9C9; border-radius:2px; color:#000; font-size:13px; font-weight:600; height:37px; padding:10px 12px; }
.tab-sec-1 .col-lg-12 .add-btn-4 { margin:0 0 0 12px; }
.tab-sec-1 .col-lg-4 .add-btn-4 { float:none; margin:25px 8px 0 0; padding:12px 20px; }
.tab-sec-1 .col-lg-4 .box { cursor:pointer; }
.tab-sec-1 .col-lg-4 h4 { color:#000; font-size:16px; font-weight:normalp; margin:0 0 6px; }

.ing-txt-2 .col-xl-3, .ing-txt-2 .col-xl-9 { align-self:center; }
.ing-txt-2 h5 { margin:0; }
.ing-step { margin:60px 0 45px; position:relative; z-index:0; }
.ing-step li { display:flex; flex-direction:column; margin:0 8px; text-align:center; width:33.33%; }
.ing-step li span { background-color:#DFDFDF; border-radius:30px; color:#000; display:inline-block; font-size:16px; margin:0 auto; padding:4px 20px; width:95px; }
.ing-step li span::before { border-bottom:2px solid #DFDFDF; content:''; left:0; position:absolute; right:0; top:15px; z-index:-1; }
.ing-icon { align-items:center; background-color:var(--main-color); border-radius:50%; display:flex; height:65px; justify-content:center; margin:0 auto 15px; width:65px; }
.ing-step p { color:#303030; font-size:14px; line-height:1.6; margin:0; }

.ing-txt-2 .col-xl-8 #supplierIngredientsForm { border:1px solid #C4C4C4; display:flex; justify-content:space-around; padding:20px; }
.ing-txt-2 .col-xl-8 #ingrdients { margin:9px 0 0; }
.ing-txt-2 .col-xl-8 #supplierIngredientsForm .exp-btn { font-size:18px; font-weight:600; padding:8px 30px; }

/******************************* add-recipe page CSS start here *******************************/
.add-box-2 h5 { color:#000; font-size:20px; font-weight:600; margin:0 0 30px; text-transform:uppercase; }
.add-box-2 h6 { color:#272727; font-size:14px; font-weight:normal; line-height:1.5; margin:0 0 10px; }
.add-box-2 .box { margin:0 0 28px; }
.add-box-2 select.box { background-position:93%; }
.add-box-2 .add-btn-3 { border-radius:0; font-size:17px; font-weight:500; padding:10px 20px; }
.add-box-2 .next-btn { border:none; border-radius:0; margin:0 0 5px; }
.add-box-2 .chosen-container.chosen-container-multi { background-color:#F2F2F2; border:1px solid #C4C4C4; height:100%; padding:10px 15px 7px; }
.add-box-2 .chosen-container-multi .chosen-choices { border-bottom:none; padding:0; }
.add-box-2 .chosen-container-multi .chosen-choices li.search-choice { margin:0 4px 3px 0; }
.add-box-2 .chosen-container .chosen-drop { margin:0 0 0 -16px; }
#step #addStepForm .next-btn.addSTEPSButton, #step #addStepForm .next-btn { border:none; border-radius:0; }
.hide, #price #substituteModel .chosen-single div b, .add-cate li:last-child::before, .dairy-txt li:last-child::before, .add-box-2 .card strong a::after, .comp-txt .dropdown-toggle::after, .ck-step li:last-child span::before, .log-box .dropdown-toggle::after, .supp-ord .order-dt li::before { display:none; }

.add-table { padding:0 0 10px; }
.add-table table { border:1px solid #C4C4C4; text-align:center; width:100%; }
.add-table tr { border-bottom:1px solid #C4C4C4; }
.add-table th { border-right:1px solid #C4C4C4; color:#4F4F4F; font-size:13px; font-weight:normal; padding:15px; }
.add-table th:first-child,.add-table td:first-child { text-align:left; }
.add-table td { border-right:1px solid #C4C4C4; color:#000; font-size:15px; padding:15px; }
.num-btn { display:flex; align-items:center; justify-content:center; }
.num-btn i { color:var(--main-color); font-size:10px; margin:0 10px; }
.pl-btn { border:2px solid var(--main-color); border-radius:50%; color:var(--main-color); display:inline-block; font-size:18px; font-weight:600; height:25px; line-height:1.35; width:25px; }
.add-table td:last-child i { color:#BDBDBD; font-size:24px; }
.num-btn input { width:30px; height:30px; font-size:13px; padding:0; text-align:center; }

.add-box-2 .col-lg-3, .add-box-2 .col-lg-9, .ing-main .col-lg-4, .ing-main .col-lg-6, .ing-main .col-lg-8 { align-self:center; }
.add-box-2 .ch-txt { color:#000; font-size:20px; font-weight:600; margin:0; text-transform:uppercase; }
.ing-btn { background-color:#2F2F2F; color:#fff; display:block; font-size:14px; padding:12px 0; text-align:center; }
.ing-btn:hover, .ed-txt i:hover { background-color:var(--main-color); color:#fff; }

.add-cate { background-color:#F2F2F2; border:1px solid #D6D6D6; margin:15px 0 0; padding:0 15px; }
.add-cate li { display:inline-block; padding:0 40px 0 0; position:relative; }
.add-cate li::before { color:#000; content:"\f054"; font-family:fontAwesome; font-size:12px; position:absolute; right:13px; top:13px; }
.add-cate li a { color:#464646; display:block; font-weight:500; padding:10px 0; }
.add-cate li:last-child { font-weight:500; padding:0; }

.ing-main .modal-content, .ing-dairy .modal-content, .dt-main .modal-content, #price #substituteModel .modal-content { background-color:#fff; border:none; border-radius:0; }
.ing-main .modal-header, .ing-dairy .modal-header, .dt-main .modal-header, #price #substituteModel .modal-header, .accord-sec .modal-header { border-bottom:none; display:block; margin:0; padding:0; }
.ing-main .modal-body, #price #substituteModel .modal-body { padding:0 15px; }
.ing-main .close, .dt-main .close, #price #substituteModel .close, .accord-sec .close { background-color:var(--main-color); color:#fff; border-radius:50%; font-size:35px; font-weight:normal; height:35px; margin:-20px -10px 0; outline:none; padding:0 0 0 2px; opacity:1; text-shadow:none; width:35px; }

#price #substituteModel .modal-title { color:#000; font-size:22px; font-weight:600; margin:15px 0 20px 15px; }
#price #substituteModel .chosen-single { border:1px solid #ccc; font-size:15px !important; height:44px; padding:13px 12px; }
#price #substituteModel .subsutituteSave { background-color:var(--main-color); border-radius:0; color:#fff; }

.ing-box { background-color:#F8F8F8; margin:0 0 15px; padding:14px; position:relative; }
.ed-txt { position:absolute; right:10px; top:10px; }
.ed-txt i { background-color:#fff; border-radius:50%; box-shadow:0 4px 12px rgba(0,0,0,0.21); color:#000; height:35px; padding:9px 0 0; text-align:center; width:35px; }
.ing-main .ing-box h4 { color:#5E5E5E; font-size:15px; font-weight:600; margin:0 0 15px; }
.ing-main .ing-box h5 { color:var(--main-color); font-size:15px; font-weight:500; margin:15px 0 0; text-transform:none; }
.ing-box strong { background-color:var(--main-color); color:#fff; font-size:13px; font-weight:normal; height:29px; display:inline-block; padding:7px 10px; vertical-align:middle; }
.ing-box span { background-color:#E0E0E0; color:#2F2F2F; font-size:15px; font-weight:600; display:inline-block; height:29px; padding:5px 10px; vertical-align:middle; }

.add-box-2 .card { border:1px solid #f0f0f0; border-radius:0; margin:8px 0 0; }
.add-box-2 .card-header { background-color:#F0F0F0; border-radius:0; border-bottom:none; font-size:14px; font-weight:500; padding:10px; }
.add-box-2 .card-header a { color:#5E5E5E; display:block; outline:none; }
.add-box-2 .card-header a::after { content:"\f078"; font-family:'FontAwesome'; position:absolute; right:10px; }
.add-box-2 .card-header a[aria-expanded="true"]::after { content:"\f077"; }
.add-box-2 .card-body { padding:0 8px 8px; }
.add-box-2 .card strong { /*position:absolute;*/ right:35px; top:11px; }
.add-box-2 .card .supplier_inc_tble { position:absolute; right:35px; top:11px; }

.accord-txt li { border-bottom:1px solid #C2C2C2; color:#5E5E5E; cursor:pointer; font-size:14px; padding:10px; }
.accord-txt strong { background-color:var(--main-color); border-radius:25px; color:#fff; float:right; font-size:13px; font-weight:600; margin:-2px 0 0; padding:4px 0; text-align:center; width:65px; }
.accord-txt li em { position:absolute; right:12px; }
.accord-txt li em a { color:var(--main-color); margin:0 0 0 7px; vertical-align:middle; }

.ing-dairy .modal-dialog { max-width:70%; }
.ing-dairy .modal-body { padding:0; }
.ing-dairy .close { background-color:#fff; border:1px solid #DBDBDB; border-radius:50%; box-shadow:0 3px 3px rgba(0,0,0,0.12); color:#000; font-size:30px; font-weight:300; height:40px; margin:0; opacity:1; outline:none; padding:5px 0 0; position:absolute; right:15px; top:15px; width:40px; z-index:1; }

.dairy-txt { border-bottom:1px solid #B4B4B4; padding:20px 30px; }
.dairy-txt li { display:inline-block; padding:0 25px 0 0; position:relative; }
.dairy-txt li::before { color:#000; content:"\f054"; font-family:fontAwesome; font-size:9px; position:absolute; right:6px; top:6px; }
.dairy-txt li a { color:#464646; font-size:13px; font-weight:500; }

.chee-txt, .ing-pr { border-bottom:1px solid #B4B4B4; padding:0 30px; }
.chee-txt li { border-left:1px solid #B4B4B4; color:#898989; display:inline-block; font-size:13px; padding:14px 20px; vertical-align:middle; width:22%; }
.chee-txt li span { color:#434343; display:block; font-size:15px; font-weight:600; padding:5px 0 0; }
.chee-txt li:first-child { border-left:none; color:#444; font-size:22px; font-weight:bold; padding:0; width:54%; }

.ing-pr li { border-right:1px solid #B4B4B4; color:#737373; display:inline-block; font-size:14px; padding:18px; width:42%; }
.ing-pr li span { color:#454444; display:block; font-size:15px; font-weight:500; padding:12px 0 0; }
.ing-pr li:first-child { padding-left:0; }
.ing-pr li:last-child { border-right:none; width:14%; }
.ing-pr li strong { background-color:var(--main-color); color:#fff; display:inline-block; font-size:18px; font-weight:normal; margin:-3px 0 -1px 20px; padding:0 7px; }
.ing-dairy h4 { border-bottom:1px solid #B4B4B4; color:#444; font-size:22px; font-weight:bold; margin:0; padding:20px 30px; }

.ing-table table { width:100%; }
.ing-table tr { border-bottom:1px solid #e6eaee; }
.ing-table th { color:#858585; font-size:12px; font-weight:normal; padding:8px 10px; }
.ing-table td { color:#323232; font-size:12px; padding:8px 10px; }

.add-txt-2 .modal-dialog { max-width:350px; }
.ing-main .col-lg-4, .ing-main .col-lg-6, .ing-main .col-lg-8 { align-self:center; }
.ing-main h3 { color:#444; font-size:19px; font-weight:600; margin:0 0 5px; }
.ing-main h4 { color:#808080; font-size:15px; font-weight:600; margin:0; }
.ing-main h4 span { background-color:var(--main-color); border-radius:50%; color:#fff; display:inline-block; height:28px; padding:6px 0 0; text-align:center; width:28px; }
.ing-main h5 { color:#979797; font-size:13px; font-weight:normal; margin:12px 0 7px; }

.ing-main ul { border:1px solid #C4C4C4; display:flex; margin:0 0 18px; }
.ing-main li { border-right:1px solid #C4C4C4; width:33.33%; } 
.ing-main li:last-child { border-right:none; }
.ing-main li a { color:#000; display:block; font-size:12px; padding:7px 0 5px; text-align:center; }
.ing-main li.active a, .ing-main li a:hover { background-color:var(--main-color); color:#fff; }

.add-txt-2 .box-1 { height:32px; margin:0; width:100%; }
.add-txt-2 .col-lg-5 .box-1 { background-image:url(../../images/new_images/arrow-3.png); }
.ing-btn-1 { background-color:var(--main-color); color:#fff; display:block; font-size:14px; font-weight:500; margin:15px 0; padding:8px 0 6px; text-align:center; }
.tab-sec-1.rcp-slt .select2-selection { height:auto !important; padding:5px 7px !important; }

/******************************* calendar page CSS start here *******************************/
.up-btn { display:flex; position:absolute; right:0; top:-39px; }
.up-btn li { margin:0 0 0 12px; }
.up-btn li a { border:1px solid transparent; border-radius:4px; color:var(--main-color); display:block; font-size:18px; padding:5px 13px; }
.up-btn li.active a, .up-btn li a:hover { border:1px solid #E3E3E3; box-shadow:0 0 6px rgba(0,0,0,0.2); }

.cal-btn .col-lg-8 li { color:#666; display:inline-block; font-size:13px; margin:0 35px 0 0; position:relative; }
.cal-btn .col-lg-8 li::before { background-color:var(--main-color); content:''; left:-22px; height:12px; position:absolute; top:2px; width:12px; }
.cal-btn .col-lg-8 li:nth-child(2)::before { background-color:#2F80ED; }
.cal-btn .col-lg-8 li:nth-child(3)::before { background-color:#219653; }
.cal-btn .up-btn { justify-content:right; position:relative; top:0; }

.cal-box { color:#666; font-size:15px; }
.cal-box .fa-chevron-left { color:#222; margin:0 12px 0 0; }
.cal-box .fa-chevron-right { color:#222; margin:0 0 0 12px; }
.cal-box .fa-calendar-o { color:var(--main-color); font-size:13px; margin:0 4px 0 0; }

.cal-table { margin:28px 0 0; }
.cal-table table { border:1px solid #D3D3D3; text-align:center; width:100%; }
.cal-table tr { border-bottom:1px solid #D3D3D3; }
.cal-table th { color:#7A7A7A; font-size:12px; font-weight:normal; letter-spacing:0.5px; padding:10px; }
.cal-table th span { color:#2F2F2F; display:block; font-size:14px; }
.cal-table th:first-child { color:#2F2F2F; font-size:14px; font-weight:600; }
.cal-table td { border-right:1px solid #D3D3D3; color:#2F2F2F; font-size:14px; letter-spacing:0.5px; padding:10px; }

.cal-table .comp-txt { background-color:#219653; color:#fff; text-align:left; }
.comp-txt h4 { font-size:16px; font-weight:600; margin:5px 0; }
.comp-txt h5 { font-size:17px; margin:0; }
.comp-txt h6 { font-size:13.5px; font-weight:normal; margin:0; }
.comp-txt p { font-size:12px; font-weight:500; letter-spacing:0; line-height:1.4; margin:10px 0; }
.comp-txt button { background-color:transparent; border:1px solid #fff; color:#fff; font-size:12px; font-weight:600; padding:5px 18px 2px; }
.cal-table .tod-txt { background-color:var(--main-color); }
.cal-table .upc-txt { background-color:#2F80ED; }

.comp-txt a { color:#fff; }
.comp-txt.dropdown:hover { background-color:var(--main-color); }
.comp-txt .dropdown-menu { border:none; border-radius:0; box-shadow:0 4px 40px rgba(0,0,0,0.17); left:auto; margin:0; padding:0 0 15px 15px; right:0; width:392px; z-index:1; }
.comp-txt .dropdown-menu li { background-color:#2F2F2F; display:inline-block; margin:15px 10px 0 0; padding:10px; width:110px; }

#calendar .fc-day a { color:#7A7A7A; display:block; font-size:12px; font-weight:normal; letter-spacing:0.5px; padding:12px 0; }
#calendar .fc-day a:hover { color:var(--main-color); text-decoration:none; }
#calendar .fc-timegrid-slot-label-frame { color:#2F2F2F; font-size:14px; padding:40px 0; text-align:center; text-transform:capitalize; }

.ord-table table { width:100%; }
.ord-table tr { border-bottom:1px solid #E4E4E4; }
.ord-table tr:nth-child(2n+3) { background-color:#FCFCFC; }
.ord-table th { color:#81829A; font-size:13px; font-weight:500; padding:12px 5px; }
.ord-table td { color:#343434; font-size:13px; padding:12px 5px; }
.ord-table td a { color:#5E5E5E; }
.ord-table td span { cursor:pointer; display:inline-block; }
.ord-table td em { font-style:normal; padding-left:15px; position:relative; }
.ord-table td em::before { background-color:#ff0000; border-radius:50%; content:''; height:9px; left:0; position:absolute; top:5px; width:9px; }
.ord-table .ord-rec::before { background-color:#6d0606; }
.ord-table .ord-con::before { background-color:#d42de3; }
.ord-table .ord-pck::before { background-color:#710eb6; }
.ord-table .ord-out::before { background-color:#3771f4; }
.ord-table .ord-del::before { background-color:#21d932; }
.ing-main .ord-table { padding:0 0 15px; text-align:center; }
.ing-main .ord-table table, .supp-ord .ord-table table { border:1px solid #C4C4C4; }
.ing-main .ord-table table th, .supp-ord .ord-table table th { background-color:#F2F2F2; border-right:1px solid #C4C4C4; color:#454545; }
.ing-main .ord-table table td, .supp-ord .ord-table table td { border-right:1px solid #C4C4C4; }
.ing-main .ord-table table th:last-child, .ing-main .ord-table table td:nth-child(2), .ing-main .ord-table table td:last-child, .supp-ord .ord-table table th:last-child, .supp-ord .ord-table table td:nth-child(2), .supp-ord .ord-table table td:last-child { color:#000; font-weight:500; }
.ing-main .ord-table tr:last-child td:first-child, .supp-ord .ord-table tr:last-child td:first-child { color:#000; font-weight:600; padding-right:18px; text-align:right; }
.supp-ord .ord-table { margin:15px 0 0; text-align:center; }
.today-box.supp-ord h5 { border-bottom:1px solid #212121; clear:both; color:#2F2F2F; font-size:15px; font-weight:600; margin:0; padding:0 0 12px; text-transform:none; }

.order-dt { background-color:#F2F2F2; border:1px solid #e5e5e5; padding:15px; }
.supp-ord h4 { color:#5E5E5E; font-size:13px; font-weight:normal; margin:0 0 10px; }
.supp-ord h4 span { color:#000; font-weight:500; }
.supp-ord .order-dt h5 { color:var(--main-color); font-size:14px; margin:20px 0 7px; padding:0 0 10px; }
.supp-ord .order-dt li { border:none; color:#5E5E5E; float:none; padding:7px 0 0; width:auto; }
.supp-ord .order-dt li a { color:#5E5E5E; outline:none; }
.supp-ord h4 strong { color:#4F4F4F; display:block; font-size:14px; font-weight:bold; padding:10px 0 0; }
.supp-ord h4 strong span { color:#4F4F4F; float:right; font-weight:bold; }

/******************************* virtual-kitchen page CSS start here *******************************/
.vk-main .carousel-caption, .inner-banner .carousel-caption { bottom:0; color:#fff; display:flex; flex-direction:column; left:0; justify-content:center; right:0; text-align:left; top:0; }
.inner-banner p { font-size:16px; letter-spacing:0.01em; line-height:1.9; margin:0 0 25px; }
.vk-get, .vk-cont:hover { background-color:var(--main-color); border:2px solid var(--main-color); color:#fff; display:inline-block; font-size:18px; font-weight:600; letter-spacing:0.05em; padding:9px 25px; text-transform:uppercase; }
.vk-cont, .vk-get:hover { background-color:transparent; border:2px solid #fff; color:#fff; display:inline-block; font-size:18px; font-weight:600; letter-spacing:0.05em; padding:9px 25px; text-transform:uppercase; }

.vk-meal, .ck-step { padding:60px 0; text-align:center }
.vk-meal h3, .ck-step h3 { color:#2F2F2F; font-size:44px; font-weight:bold; margin:0; }
.vk-meal p { color:#464646; font-size:16px; letter-spacing:0.01em; line-height:2; margin:15px 0 40px; }
.vk-meal .col-lg-12 ul { margin:0 0 60px; }
.vk-meal li { border-right:1px solid #E6E6E6; padding:0 20px; }
.vk-meal li:last-child { border-right:none; }
.vk-meal li img { float:left; margin:12px 0 0; }
.vk-meal li p { font-size:13px; letter-spacing:0; line-height:1.8; margin:0 0 0 95px; text-align:left; }
.vk-meal li p span { color:#000; display:block; font-family:Lancelot; font-size:34px; line-height:1.4; }

.vk-sec-1 { background-image:url(../../images/new_images/vk-bg.jpg); background-position:top center; background-size:cover; padding:60px 0; text-align:center; }
.vk-sec-1 h3 { color:#2F2F2F; font-size:42px; font-weight:600; margin:0; }
.vk-sec-1 .col-xl-8 p { color:#535353; font-size:15px; letter-spacing:0.01em; line-height:2.2; margin:24px 0 45px; padding:0 0 30px; position:relative; }
.vk-sec-1 .col-xl-8 p::after { border-bottom:6px solid var(--main-color); bottom:0; content:''; left:0; margin:0 auto; position:absolute; right:0; width:220px; }
.vk-sec-1 .col-lg-3 { margin:0 0 25px; }
.vk-sec-1 .col-lg-3 p { color:#393939; font-size:15px; letter-spacing:0.01em; line-height:1.9; margin:14px 0 0; }
.vk-sec-1 p span { color:#2F2F2F; display:block; font-size:20px; font-weight:600; }

.virtual-txt { padding-top:70px; }
.virtual-txt .col-lg-6:nth-child(2), .virtual-txt .col-lg-6:last-child { margin-top:65px; }
.vir-txt { background-image:url(../../images/new_images/bg2.jpg); background-position:center; background-size:cover; color:#fff; padding:65px; text-align:left; }
.virtual-txt .col-lg-6:last-child .vir-txt { background-image:url(../../images/new_images/bg3.jpg); }
.vir-txt h4 { font-size:36px; font-weight:600; line-height:1.3; margin:0 0 14px; }
.vir-txt p { font-size:13px; letter-spacing:0.01em; line-height:2.1; margin:0; }
.virtual-txt .col-lg-6:last-child .vir-txt p { margin:0 0 20px; }

.vk-step { display:flex; justify-content:space-between; margin:40px 0; position:relative; }
.vk-step::before { border-bottom:1px solid #E6E6E6; content:''; left:0; position:absolute; right:0; top:36px; z-index:-1; }
.vk-step li { align-items:center; background-color:var(--main-color); border-radius:50%; color:#fff; display:flex; font-size:25px; font-weight:bold; height:72px; justify-content:center; width:72px; }
.vk-meal .col-lg-10 p { color:#535353; font-size:15px; letter-spacing:0.01em; line-height:2.2; margin:58px 0 0; }
.comparison-sec { background-image:url(images/vk-bg.jpg); background-position:top center; background-size:cover; padding:0 0 60px; text-align:center; }
.comparison-sec h3 { color:#2F2F2F; font-size:35px; font-weight:bold; margin:0 0 35px; padding:0 0 18px; position:relative; }
.comparison-sec h3::after { border-bottom:6px solid var(--main-color); bottom:0; content:''; left:0; margin:0 auto; position:absolute; right:0; width:220px; }
.comparison-sec h4 { color:#333; font-size:20px; font-weight:600; letter-spacing:0.5px; margin:22px 0 0; }

.com-box { background-color:var(--main-color); color:#fff; margin:0 0 20px; padding:45px 38px 32px; text-align:left; }
.com-box h4, .com-box-3 h4 { font-size:24px; font-weight:bold; line-height:1.28; margin:30px 0 22px; }
.com-box h5 { font-size:17px; font-weight:600; line-height:1.4; margin:0 0 22px; }
.com-box h5 label { float:left; font-size:16px; font-weight:normal; width:215px; }
.com-box h6 { display:inline-block; font-size:17px; font-weight:600; margin:0; }
.com-box h6 label { float:left; width:195px; }

.com-box-1, .com-ck { background-color:#fff; box-shadow:0 0 28px rgba(0,0,0,0.25); padding:45px 38px; text-align:left; }
.com-box-1 h4, .com-box-2 h4, .com-box-4 h4, .com-ck h4 { color:#2F2F2F; font-size:24px; font-weight:bold; line-height:1.28; margin:30px 0 22px; }
.com-box-1 h5 { color:#535353; font-size:15px; font-weight:normal; letter-spacing:0.01em; line-height:1.7; margin:0 0 25px; }
.com-box-1 p { border-left:2px solid #5B5B5B; color:#535353; font-size:12px; letter-spacing:0.01em; line-height:1.9; margin:0; padding:0 0 0 18px; }

.com-box-2 { background-color:#fff; box-shadow:0 0 28px rgba(0,0,0,0.25); padding:79px 38px; text-align:left; }
.vk-img { width:100%; }
.com-box-2 h5 { color:#535353; font-size:18px; font-weight:bold; letter-spacing:0.01em; line-height:1.4; margin:0; }
.com-box-2 h6 { color:var(--main-color); font-size:20px; font-weight:bold; letter-spacing:0.01em; margin:18px 0; }
.com-box-2 p { color:#535353; font-size:15px; font-weight:normal; letter-spacing:0.01em; line-height:1.7; margin:0 0 25px; }

.com-box-3 { background-color:#2F2F2F; color:#fff; margin:0 0 20px; padding:45px 38px; text-align:left; }
.com-box-3 h5 { font-size:14px; font-weight:600; letter-spacing:0.01em; line-height:1.8; margin:0; }
.com-box-3 p { font-size:14px; letter-spacing:0.01em; line-height:1.7; margin:0 0 18px; }

.com-box-4 { background-color:#fff; box-shadow:0 0 28px rgba(0,0,0,0.25); padding:45px 38px 25px; text-align:left; }
.com-box-4 p { color:#535353; font-size:15px; font-weight:600; letter-spacing:0.01em; line-height:1.7; margin:0 0 15px; }

/******************************* commercial-kitchen page CSS start here *******************************/
.ck-sec { padding:0 0 55px; text-align:center; }
.ck-sec .col-lg-5 { margin:0 0 25px; }
.ck-sec p { color:#535353; font-size:14px; letter-spacing:0.01em; line-height:2; margin:0 0 30px; }
.ck-sec img { border:6px solid #dbdbdb; border-radius:50%; width:100px; }
.ck-chef { display:inline-block; margin:0 0 0 12px; text-align:left; vertical-align:middle; }
.ck-chef i { color:var(--main-color); font-size:14px; margin:0 5px 0 0; }
.ck-chef h5 { color:var(--main-color); font-size:20px; margin:0; }
.ck-chef h6 { color:#464646; font-size:14px; font-weight:normal; margin:5px 0 0; }
.ck-chef h6 i { color:#464646; }

.set-up-sec { background-image:url(../../images/new_images/ck-bg.jpg); background-position:top center; background-size:cover; padding:95px 0; text-align:center; }
.set-up-sec h3 { color:#fff; font-size:42px; font-weight:bold; line-height:1.3; margin:0 0 30px; }
.set-up-sec.set-up-com { background-image:url(../../images/new_images/ck-bg-1.jpg); }
.set-up-sec.set-up-vir { background-image:url(../../images/new_images/ck-bg-2.jpg); position:relative; }
.set-up-sec.set-up-vir::before { background-color:rgba(0,0,0,0.6); content:''; height:100%; left:0; position:absolute; right:0; top:0; }

.ck-step li { margin:35px 0 0; padding:0 10px 0 0; position:relative; width:20%; }
.ck-step li span { align-items:center; background-color:var(--main-color); border-radius:50%; color:#fff; display:flex; font-size:20px; font-weight:bold; height:48px; justify-content:center; /*margin:0 0 35px; padding:4px 0 0;*/ float:left; width:48px; }
.ck-step li img { float:left; }
.ck-step li p { font-size:13px; letter-spacing:0; line-height:1.8; margin:0 0 0 62px; text-align:left; }

.com-ck p { color:#2F2F2F; font-size:16px; font-weight:normal; letter-spacing:0.01em; line-height:1.7; margin:0 0 25px; }

.com-ck-1 { background-color:var(--main-color); padding:45px 35px; text-align:left; }
.com-ck-1 h4 { color:#fff; font-size:24px; font-weight:bold; line-height:1.28; margin:30px 0 22px; }
.com-ck-1 p { color:#fff; font-size:15px; letter-spacing:0.01em; line-height:1.7; margin:0 0 12px; }
.com-ck-1 p span { display:block; font-weight:600; padding:0 0 6px; }

.comparison-sec .col-lg-12 { margin:80px 0 0; }
.compare-table { background-color:#fff; box-shadow:0 0 8px #999; letter-spacing:0.01em; text-align:left; width:100%; }
.compare-table tr { border-bottom:1px solid #e7e7e7; }
.compare-table th { border-right:1px solid #e7e7e7; color:var(--main-color); font-size:18px; font-weight:600; padding:14px 20px; }
.compare-table tr:last-child, .compare-table th:last-child, .compare-table td:last-child { border:none; }
.compare-table td { border-right:1px solid #e7e7e7; color:#333; font-size:15px; padding:14px 20px; }
.compare-table td:first-child { font-weight:600; }
.compare-table th:last-child, .compare-table td:last-child { background-color:#fff; box-shadow:0 7px 18px -4px #999; color:var(--main-color); }

.comparison-sec h2 { background-image:url(images/bg2.jpg); background-size:cover; color:#fff; font-size:20px; font-weight:600; letter-spacing:0.01em; line-height:1.6; margin:45px 0 0; padding:15px 45px; text-align:left; }
.ck-box { background-image:url(images/bg3.jpg); background-position:top center; background-size:cover; color:#fff; padding:70px 50px; }
.ck-box h3 { font-size:32px; font-weight:bold; line-height:1.4; margin:0 0 25px; }
.ck-box p { border-left:2px solid #fff; font-size:13px; letter-spacing:0.01em; line-height:2; margin:0; padding:8px 0 8px 25px; }

.ck-txt { padding:65px 0; }
.ck-txt .col-lg-4 { margin:0 0 20px; }
.ck-box-1 { background-color:#fff; box-shadow:0 0 28px rgba(0,0,0,0.25); color:#000; height:100%; padding:30px; }
.ck-box-1 p { font-size:20px; font-weight:600; line-height:1.8; margin:0; }
.ck-txt .col-lg-4:nth-child(2) .ck-box-1 { background-color:var(--main-color); color:#fff; }
.ck-box-1 img { float:right; margin:15px 0 0; width:215px; }

/******************************* contact-us page CSS start here *******************************/
.cont-form { background-image:url(../../images/new_images/vk-bg.jpg); background-position:top center; background-size:cover; padding:50px 0; }
.cont-form form { background-color:#fff; box-shadow:0 4px 28px rgba(0,0,0,0.25); padding:35px 50px; }
.cont-form form h3 { color:#2F2F2F; font-size:44px; font-weight:600; margin:0 0 30px; }
.box-6 { background-color:#fff; border:1px solid #B0B0B0; border-radius:0; box-shadow:none; color:#171717; font-size:14px; height:50px; letter-spacing:0.055em; margin:0 0 15px; padding:12px 18px; width:100%; }
.box-6:focus { background-color:#fff; border:1px solid #B0B0B0; box-shadow:none; color:#171717; }
.box-6:focus::placeholder { color:transparent; }
.box-6::-moz-placeholder, .box-6::-webkit-input-placeholder { background-color:#fff; color:#171717; }
.cont-form form select { background-image:url(../../images/new_images/arrow-2.png); background-position:96%; background-repeat:no-repeat; -webkit-appearance:none; }
.cont-form form a { background-color:#2F2F2F; color:#fff; display:inline-block; font-size:16px; font-weight:600; letter-spacing:0.05em; padding:10px 35px; text-transform:uppercase; }
.cont-box { background-image:url(../../images/new_images/bg2.jpg); background-position:top center; background-size:cover; height:100%; padding:35px 50px; }
.cont-box h3 { color:#fff; font-size:37px; font-weight:bold; margin:0 0 35px; text-transform:uppercase; }
.cont-box li { padding:0 0 28px; }
.cont-box li img { float:left; margin:4px 0 0; }
.cont-box li p { color:#fff; font-size:22px; margin:0 0 0 35px; }
.cont-box p a { color:#fff; }
.cont-box p a:hover { color:var(--main-color-1); }

/******************************* about-us page CSS start here *******************************/
.about-sec { padding:45px 0 0; }
.abt-txt { background-image:url(../../images/new_images/bg2.jpg); background-position:top center; background-size:cover; color:#fff; padding:70px 55px; }
.abt-txt h3 { font-size:54px; font-weight:600; margin:0 0 22px; }
.abt-txt p { font-family:Lancelot; font-size:30px; line-height:1.4; margin:0; }

/******************************* pickup-location page CSS start here *******************************/
.pick-sec { background-image:url(../../images/new_images/vk-bg.jpg); background-position:top center; background-size:cover; padding:0 0 85px; }
.pick-sec h3 { font-size:45px; font-weight:bold; line-height:1.25; margin:0 0 30px; }
.pick-sec ul { background-color:var(--main-color); color:#fff; padding:50px 60px; }
.pick-sec li { clear:both; padding:0 0 35px; }
.pick-sec li img { float:left; padding:5px 0 0; }
.pick-sec li p { font-size:22px; margin:0 0 0 88px; }

/******************************* w8 page CSS start here *******************************/
.w9-form h3 { color:#000; font-size:12px; font-weight:normal; margin:0; }
.w9-form h3 span { display:block; font-size:32px; font-weight:bold; }
.signup-sec .w9-form h5, .register-sec .w9-form h5 { color:#000; font-size:20px; font-weight:bold; margin:0 0 14px; text-align:center; }
.signup-sec .w9-form h6, .register-sec .w9-form h6 { font-size:15px; font-weight:600; margin:0; text-align:center; }
.signup-sec .w9-form .col-lg-2 h6, .register-sec .w9-form .col-lg-2 h6 { text-align:left; }

.w9-form p { color:#000; font-size:13px; margin:20px 0 6px; }
.w9-form p span, .w9-form li span, .w9-table th { font-weight:600; }
.w9-form .box, .w9-form .box:focus { background-color:transparent; font-size:13px; height:32px; margin:0; padding:0 12px; }
.w9-form textarea.box { height:auto; }
.w9-form h4 { color:#000; font-size:18px; font-weight:600; margin:20px 0 0; }
.w9-form h4 span { background-color:#000; color:#fff; display:inline-block; padding:0 5px; }
.w9-form li { color:#000; font-size:13px; padding:0 0 5px; }

.w9-table table { border:1px solid #000; width:100%; }
.w9-table tr { border-bottom:1px solid #000; }
.w9-table th, .w9-table td { border-right:1px solid #000; color:#000; font-size:13px; padding:5px 8px; vertical-align:top; }

.summary-txt button { background-color:var(--main-color); color:#fff; display:block;font-size:15px; font-weight:600; margin:20px 0 0; padding:8px 0; text-align:center; text-transform:uppercase; width:100%; }
.pac-container { z-index:100000; }

/******************* login page CSS start here *******************/
.login-section { padding:60px 0; }
.login-section form { background-color:#fff; border:1px solid #BDFFFE; border-radius:2px; box-shadow:0 8px 10px rgba(0,0,0,0.14), 0 3px 14px rgba(0,0,0,0.12), 0 5px 5px rgba(0,0,0,0.2); text-align:center; }
.login-section h3, .register-sec h3 { color:#000; font-size:35px; font-weight:300; margin:0 0 30px; text-align:center; text-transform:capitalize; }
.login-section h3 span, .register-sec h3 span { color:var(--main-color); font-weight:600; }
.login-section h4, .register-sec h4 { color:#666; font-size:14px; font-weight:normal; letter-spacing:1px; margin:18px 0 8px; position:relative; text-align:left; text-transform:uppercase; }
.login-section .box { margin:0 0 28px; }
.eye-icon { position:relative; }
.eye-icon button { background-color:transparent; border:none; color:#333; font-size:20px; outline:none; padding:0; position:absolute; right:20px; top:12px; z-index:1; }
.login-section .get-btn, .register-sec .get-btn { border:none; border-radius:0; display:block; font-size:17px; margin:0 0 25px; padding:10px 0; text-align:center; width:100%; }
.login-section hr { border-top:1px solid #ddd; margin:0 0 -9px; }
.login-section .or-txt { background-color:#fff; margin:0 auto 30px; width:30px; }
.login-section h5 { color:#666; font-size:14px; font-weight:normal; margin:0; text-align:center; }
.login-section h5 a { text-decoration:underline; text-transform:uppercase; }
.login-section h6 { margin:0 0 32px; text-align:center; }
.forget-box .modal-content { border:none; border-radius:0; }
.forget-box .modal-body { padding:20px 30px 10px; }
.login-section .forget-box .modal-body form { border:none; box-shadow:none; }

.log-box .dropdown-toggle { align-items:center; background-color:var(--main-color); border-radius:50%; color:#000; display:flex; font-size:16px; font-weight:bold; height:42px; justify-content:center; text-transform:uppercase; width:42px; }
.log-box .dropdown-toggle img { border-radius:50%; height:42px; width:42px; }
.log-box .dropdown-menu { background-color:#fff; border:none; border-radius:3px; box-shadow:0 0 4px #555; left:auto !important; margin:60px 0 0; padding:0; right:0; transform:none !important; width:220px; }
.log-box .dropdown-menu::before { border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid var(--main-color); content:''; position:absolute; right:8px; top:-6px; }
.log-box .dropdown-menu li span { align-items:center; background-color:var(--main-color); border-radius:50%; color:#000; display:flex; float:left; font-size:13px; font-weight:bold; height:30px; justify-content:center; margin:4px 0; text-transform:uppercase; width:30px; }
.log-box .dropdown-menu li span img { border-radius:50%; height:30px; width:30px; }
.log-box .dropdown-menu li h6 { color:#000; display:inline-block; font-size:13px; font-weight:600; margin:4px 0 0 10px; }
.log-box .dropdown-menu li h6 strong { color:#999; display:block; font-weight:normal; padding:2px 0 0; }
.log-box .dropdown-menu li a { border-bottom:1px solid #ccc; color:#000; display:block; font-size:13px; padding:7px 12px; }
.log-box .dropdown-menu li a:hover { background-color:#363636; color:#fff; }
.log-box .dropdown-menu li:first-child a:hover { background-color:transparent; }
.log-box .dropdown-menu li i { width:18px; }

/******************* register page CSS start here *******************/
.register-sec { background-image:url(images/regis-bg.jpg); background-position:top center; background-size:cover; padding:60px 0; }
.register-sec form { background-color:#fff; box-shadow:0 0 8px #999; padding:40px 55px; }
.register-sec .form-group { margin:0; }
.register-sec .box { margin:0 0 5px; }
.register-sec select.box { background-image:url(images/arrow-1.png); background-position:94%; background-repeat:no-repeat; -webkit-appearance:none; }
.register-sec h5 { color:#7C7C7C; font-size:18px; margin:20px 0; }
.register-sec h5 a, .register-sec p a, .login-section h5 a, .login-section h6 a { color:#2F2F2F; text-decoration:underline; }
.register-sec p { color:#2F2F2F; font-size:16px; margin:0; }
.register-sec .exp-btn { font-size:17px; margin:0 0 18px; padding:12px 0; width:100%; }
.password-desc { display:block; color:#2f2f2f; font-size:12px; line-height:1.6; text-align:left; }
.register-sec .select2-container--default .select2-selection--single { border:1px solid #c4c4c4; height:45px; padding:8px; }
.register-sec h6 { color:#7c7c7c; font-size:17px; margin:15px 0; }

/******************************* thank-you page CSS start here *******************************/
.thank-sec { padding:80px 0; text-align:center; }
.thank-sec h3 { color:var(--main-color); font-size:55px; font-weight:bold; margin:0; text-transform:uppercase; }
.thank-sec p { color:#2F2F2F; font-size:16px; line-height:1.7; margin:20px 0 0; }


/* Chat module start */
.chatMessageloader{
    position: absolute;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color:#eceaea;
    background-image: url('loader.gif');
    background-size: 50px;
    background-repeat:no-repeat;
    background-position:center;
    z-index:10000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

/******************************* message page CSS start here *******************************/
.ms-box { background-color:#F8F8FC; padding:35px 0 60px 10px; }
.ms-box h3 { color:#000; font-size:20px; font-weight:600; margin:0; }
.ms-box h3 span { background-color:var(--main-color); border-radius:50%; color:#fff; display:inline-block; font-size:14px; font-weight:normal; height:20px; padding:2px 0 0; text-align:center; width:20px; }
.ms-box h4, .ms-txt h6 span { margin:0 0 0 52px; }
.ms-box h4 strong { color:#000; display:inline-block; font-size:16px; font-weight:500; padding:0 0 3px; position:relative; }
.ms-box h4 strong em { background-color:green; border-radius:50%; display:block; height:7px; position:absolute; right:-15px; top:7px; width:7px; }
.ms-box h4 span { color:#343434; display:block; font-size:13px; }
.ms-box h5 { color:#5E5E5E; font-size:12px; font-weight:normal; margin:0; position:relative; }
.ms-box h5 span { align-items:center; background-color:var(--main-color); border-radius:50%; color:#fff; display:flex; font-size:12px; justify-content:center; height:18px; position:absolute; right:0; top:25px; width:18px; }
.ms-sr { margin:20px 0; padding-right:10px; position:relative; }
.ms-sr i { left:18px; position:absolute; top:12px; }
.ms-sr input { background-color:#E2E2E2; border:none; border-radius:30px; color:#454545; font-size:15px; height:42px; padding:8px 0 8px 42px; width:100%; }
.ms-sr input::placeholder { color:#454545; }
.ms-sr input:focus { background-color:#E2E2E2; border:none; box-shadow:none; color:#454545; outline:none; }
.ms-sr input:focus::placeholder { color:transparent; }

.ms-box ul { max-height:350px; overflow-x:hidden; overflow-y:scroll; padding-right:10px; scrollbar-width:thin; }
.ms-box li { border-bottom:1px solid #E4E4E4; padding:8px 0; }
.ms-box li img, .ms-act img, .ms-txt h6 img { float:left; height:38px; width:38px; }

.ms-act { background-color:#fff; border-radius:5px; box-shadow:0 4px 44px rgba(129,130,154,0.2); float:left; margin:45px 0 35px; padding:12px 18px; width:100%; }
.ms-act h3 { color:#9293AF; font-size:13px; font-weight:normal; margin:3px 0 0 47px; text-transform:capitalize; }
.ms-act h3 span { color:#000; display:block; font-size:16px; font-weight:500; padding:5px 0 2px; }

.ms-txt-main { clear:both; max-height:350px; min-height:350px; overflow-x:hidden; overflow-y:scroll; padding-right:10px; scrollbar-width:thin; }
.ms-txt h6 { font-weight:normal; margin:0 0 15px; }
.ms-txt h6 span { color:#A9A9A9; display:block; font-size:12px; }
.ms-txt h6 span strong { background-color:#de4545; border-radius:5px 5px 5px 0; color:#fff; display:block; font-size:13px; font-weight:normal; margin:0 0 4px; padding:8px 10px; width:120px; }
.ms-txt p { background-color:#F0F0F6; border-radius:5px 5px 0 5px; color:#5E5E5E; font-size:13.5px; margin:0 0 15px; padding:12px 18px; }

.ms-chat { display:flex; margin:18px 0 0; }
.ms-chat input { background-color:#fff; border:1px solid #B6B6B6; border-radius:30px; color:#454545; font-size:14px; height:40px; margin:0 10px 0 0; padding:8px 16px; width:100%; }
.ms-chat input::placeholder { color:#454545; }
.ms-chat input:focus { background-color:#fff; border:1px solid var(--main-color); box-shadow:none; color:#454545; outline:none; }
.ms-chat input:focus::placeholder { color:transparent; }
.ms-chat i { align-items:center; background-color:#de4545; border-radius:50%; color:#fff; display:flex; height:40px; justify-content:center; width:40px; }
.ms-chat i:hover { background-color:#fff !important; box-shadow:0 0 4px #555; color:#2F2F2F; }

.message-sec #myModal { z-index:9999999999; }
.message-sec .modal-content { background-color:#fff; border:none; border-radius:0; }
.message-sec .modal-body { padding:0 10px 30px; }
.message-sec .close { background-color:#212121; border:1px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.19); color:#fff; border-radius:50%; font-size:25px; font-weight:200; height:30px; line-height:0; opacity:1; outline:none; padding:2px 0 0; position:absolute; right:-10px; text-shadow:none; top:-10px; width:30px; z-index:1; }
.message-sec .modal-body .ms-txt-main { max-height:300px; min-height:300px; }


@media (min-width:320px) and (max-width:767px){
/******************************* dashboard page media start here *******************************/
.tab-sec-1 .nav-tabs li a { font-size:13px; padding:9px; }
.dash-box .tab-content { padding:30px 12px 25px; }
.mon-txt .nav-tabs li a, .mon-txt .nav-tabs li a:hover { font-size:10px; padding:5px 7px; }
.mon-txt .nav-tabs li a span { font-size:16px; }
.tab-sec-1 .up-tab li a { margin:0 5px 2px 0; padding:8px 15px 5px; }
.today-box .col-xl-7 img { padding:0; width:55px; }
.today-box h3 { font-size:20px; margin:8px 0 15px; }
.today-box h4 { font-size:16px; font-weight:600; margin:0 0 12px 65px; }
.today-box h5 { margin:0 0 12px 65px; }
.today-box h6 span { padding:5px 7px 0 0; text-align:left; width:auto; }
.today-box h6 b { border-top:1px solid #ccc; display:block; margin:8px 0 0; padding:12px 0 0; }
.today-box li { border-top:none; float:none; padding:0 0 22px 35px; width:auto; }
.today-box .completed { border-top:none; color:#27AE60; }
.today-box li:last-child::after, .supp-ord .order-dt li::after, .repeat_box .col-lg-5:first-child, .message-sec .col-xl-8 { display:none; }
.today-box .col-xl-3:first-child { order:3; }
.today-box .col-xl-3:last-child { margin-top:10px; order:4; }
.today-box li::before { top:-5px; }
.today-box li::after { border-left:2px solid #949494; content:''; height:18px; left:13px; position:absolute; top:21px; }
.today-box .completed::before { width:28px; }
.today-box .completed::after { border-left:2px solid #27AE60; }
.today-box p span { border-top:1px solid #ccc; margin:12px 0 0; padding:6px 0; }
.today-box .ct-txt span { border-top:none; margin:0; }
.today-box h6 strong { padding:0 15px 0 0; width:auto; }
.today-box .col-xl-3 h5 { margin:0 0 12px; }
.get-btn { font-size:14px; margin:0; padding:9px 20px; }
.meal-txt li:first-child { margin:4px 5px 5px 0; width:100%; }
.currt-box h3 { font-size:17px; }
.currt-box h3 span { font-size:34px; }
.currt-box h5 { font-size:14px; }
.currt-box a { padding:10px 20px 8px; }
.trs-txt td .ch-btn { margin:0 0 3px; }
.add-emp { font-size:13px; padding:4px 18px 2px; }
.add-emp span { font-size:18px; padding:0 0 0 6px; }
.locate-txt h3 span { display:inline-block; float:none; margin:15px 0 0; }
.search-area input { width:57%; }
.menu-bro, .ms-txt h6 span { margin:0; }
.bro-img1 img { margin:0 0 20px; width:85px; }
.step-box-1 img { margin:0 0 20px; }

/******************************* dashboard-1 page media start here *******************************/
.rcp-main .recp-box a { margin:0 auto; padding:30px 0; width:242px; }
.ing-txt-1 .rcp-main .recp-box a { margin:0 auto; }
.dash-box .card-columns { column-count:1; -webkit-column-count:1; }

/******************************* supplier-dashboard page media start here *******************************/
.ing-txt-2 .add-btn-4 { float:none; margin:15px 0 0; }
.ing-step { margin:15px 0 35px; }
.ing-step li { display:block; margin:25px 0 0; position:relative; width:auto; }
.repeat_box .col-lg-2 { width:29%; padding-left:0; }
.repeat_box .col-lg-5 { width:71%; }
.ing-icon { margin:22px auto 15px; }

/******************************* calendar page media start here *******************************/
.up-btn { top:0; }
.up-btn li a { font-size:16px; padding:3px 10px; }
.cal-btn .col-lg-8 ul { padding:5px 0 5px 22px; }
.comp-txt .dropdown-menu { left:5px !important; margin:12px 0 0; width:265px; }

/******************************* virtual-kitchen page media start here *******************************/
.vk-main .carousel-item img { height:300px; }
.vk-meal { padding:40px 0 25px; }
.vk-meal h3, .ck-step h3, .inner-banner h3, .abt-txt h3 { font-size:32px; }
.vk-meal p { font-size:15px; line-height:1.8; margin:12px 0 25px; }
.vk-meal li img { width:55px; }
.vk-meal li p { margin:0 0 0 68px; }
.vk-sec-1 { padding:0 0 60px; }
.vk-sec-1 h3, .comparison-sec h3, .cont-form form h3, .cont-box h3, .pick-sec h3 { font-size:30px; }
.vk-sec-1 .col-xl-8 p, .vk-meal .col-lg-10 p { font-size:14px; line-height:2; margin:12px 0 45px; }
.virtual-txt { padding-top:0; }
.vir-txt { padding:18px 25px; }
.vir-txt h4 { font-size:26px; margin:0 0 10px; }
.set-up-sec { padding:55px 0; }
.set-up-sec h3 { font-size:26px; font-weight:600; line-height:1.4; margin:0 0 25px; }
.comparison-sec h3 { font-size:30px; }
.com-box, .com-box-1, .com-box-2, .com-box-3, .com-box-4, .com-ck, .com-ck-1 { padding:25px 18px 15px; }
.com-box h5 { font-size:15px; }
.com-box h5 label { width:200px; }
.com-box-2 { margin:20px 0; }

/******************************* commercial-kitchen-1 page media start here *******************************/
.ck-step li { width:auto; }
.com-ck-1 { margin:20px 0; }
.compare-table td { font-size:14px; line-height:1.7; }
.comparison-sec h2 { font-size:17px; font-weight:500; padding:15px; }
.ck-box { padding:30px 15px; }
.ck-box h3 { font-size:22px; font-weight:600; }
.ck-box-1 { padding:15px; }
.ck-box-1 p { font-size:15px; font-weight:500; }

/******************************* add-recipe page media start here *******************************/
.add-box-2 .ch-txt { font-size:15px; margin:0 0 12px; }
.ing-btn { width:190px; }
.add-cate { padding:6px 12px; }
.add-cate li { padding:0 25px 0 0; }
.add-cate li::before { font-size:10px; right:7px; top:5px; }
.add-cate li a { font-size:13px; padding:3px 0; }
.ed-txt { top:35px; }
.ing-dairy .modal-dialog { max-width:98%; }
.ing-dairy .close { height:35px; padding:3px 0 0; right:-7px; top:-7px; width:35px; }
.dairy-txt, .chee-txt, .ing-pr { padding:15px 12px; }
.chee-txt li, .ing-pr li { border:none; display:block; padding:7px 0; width:auto; }
.chee-txt li:first-child, .ing-pr li:first-child { font-size:20px; width:auto; }
.ing-pr li span { font-size:14px; }
.accord-txt li { font-size:12px; padding-right:54px; }
.accord-txt strong { display:block; float:none; margin:5px 0 0; } 
.add-txt-2 .modal-dialog { margin:30px auto; max-width:304px; }
.ing-main .close { margin:-7px -7px 0; }

/******************************* contact-us page media start here *******************************/
.cont-form form, .cont-box { padding:25px 18px; }

/******************************* about-us page media start here *******************************/
.about-sec { padding:45px 0; }
.abt-txt { padding:30px 25px; }
.abt-txt h3 { margin:0 0 10px; }
.abt-txt p { font-size:20px; }

/******************************* pickup-location page media start here *******************************/
.vk-main .col-xl-8 h3, .register-sec h3, .login-section h3 { font-size:28px; line-height:1.2; }
.pick-sec ul { padding:25px; }
.pick-sec li img { width:35px; }
.pick-sec li p { font-size:14px; line-height:1.7; margin:0 0 0 55px; }
.register-sec form { padding:30px 15px; }
.supp-ord h4 { font-size:13px; font-weight:normal; margin:0 0 10px; }
.supp-ord .order-dt li { color:#4F4F4F; }

/******************* register page media start here *******************/
.register-sec, .login-section { padding:40px 0; }
.login-section form .col-lg-6:last-child { padding:0 30px 45px; }
.login-section img { padding:15px 15px 30px; }

/******************************* thank-you page media start here *******************************/
.thank-sec { padding:40px 0; }
.thank-sec h3 { font-size:48px; }

/******************************* message page CSS start here *******************************/
.ms-box { padding:30px 8px; }
.ms-box ul { padding-right:15px; }
.ms-box h5 { margin:5px 0 0 52px; }
.ms-box h5 span { top:0; }
.ms-txt p { margin:0 0 15px 30px; }
}

@media (min-width:320px) and (max-width:991px){	
/******************************* dashboard page media start here *******************************/
.locate-txt h3 { font-size:25px; }
.locate-txt h3 a { font-size:17px; padding:13px 14px 10px; }
.locate-txt h6 { font-size:14px; }
#addRecipeMediaForm img { margin:0 0 12px; width:80px !important; }
.vd-url span { display:block; margin:0 0 12px; text-align:center; }

/******************************* dashboard-1 page media start here *******************************/
.rcp-main, .order-dt { margin:20px 0 0; }

/******************************* virtual-kitchen page media start here *******************************/
.vk-meal li { border-right:none; clear:both; padding:12px 0; }
.virtual-txt .col-lg-6:nth-child(2), .virtual-txt .col-lg-6:last-child { margin-top:0; }
.virtual-txt .col-lg-6 { margin-top:25px; }
.vk-get, .vk-cont { font-size:12px !important; padding:8px 14px !important; }
.tab-sec-1 .col-lg-4 .add-btn-4 { margin:0 8px 15px 0; }

/******************************* contact-us page media start here *******************************/
.inner-banner img { height:350px; object-fit:cover; }
}

@media (min-width:480px) and (max-width:767px){
/******************************* dashboard page media start here *******************************/
.tot-main .col-xl-3 { padding:0 6px; width:50%; }
.locate-txt h3 span { float:right; margin:-6px 0 0; }
.dash-box .recp-box { height:100%; }
.dash-box .man-box.recp-txt .col-lg-8 { padding:0 6px; }
.up-tab.dash-tab li { width:25%; }
.up-tab.dash-tab-1 li { width:auto; }
.emp-tab .col-lg-8 { width:58%; }
.emp-tab .col-lg-4 { text-align:right; width:42%; }
.emp-tab .col-lg-10 { width:65%; }
.emp-tab .col-lg-2 { text-align:right; width:35%; }

/******************************* dashboard-1 page media start here *******************************/
.dash-box .card-columns { column-count:2; -webkit-column-count:2; }

/******************************* virtual-kitchen page media start here *******************************/
.vk-sec-1 .col-lg-3 { width:50%; }
.message-sec .modal-dialog { margin:10px auto 0; max-width:97%; }
}

@media (min-width:768px){
/******************************* dashboard page media start here *******************************/
.tab-sec { border-right:1px solid #949494; padding-right:0; }
.tab-sec-1 { padding-left:0; }
.tot-main .col-xl-3 { padding:0 9px; }
.meal-txt { display:flex; justify-content:end; }
.supp-dash .col-lg-4 { padding:0 9px; }

/******************************* calendar page media start here *******************************/
#calendar .fc-toolbar-chunk { margin:-38px 0 0; }

/******************************* contact-us page media start here *******************************/
.cont-form form .col-lg-6:first-child, .cont-form form .col-lg-6:nth-child(3) { padding-right:7px; }
.cont-form form .col-lg-6:nth-child(2), .cont-form form .col-lg-6:last-child { padding-left:7px; }
.tooltip.show { left:-38px !important; top:-14px !important; }

/****** shivam kitchen detail page css***********/
.kitchenDetailImg{ height:150px;}
.login-section form .col-lg-6:last-child { padding:0 60px 0 30px; }

/******************************* message page media start here *******************************/
.message-sec .container { max-width:100%; }
.ms-box .col-lg-3 { padding-left:0; }
.ms-box ul::-webkit-scrollbar, .ms-txt-main::-webkit-scrollbar { background-color:#E2E2E2; width:8px; }
.message-sec #myModal, .modal-backdrop.show { display:none !important; }
.ing-step { display:flex; justify-content:center; }
.ing-main { box-shadow:0 0 5px #ddd; height:100%; margin:20px 0 0; padding:18px 10px 15px; }
}

@media (min-width:768px) and (max-width:991px){
/******************************* dashboard page media start here *******************************/
.ds-txt { font-size:27px; margin:20px; }
.tab-sec .nav-tabs li a { font-size:17px; padding:15px; }
.add-emp { padding:2px 13px; }
.dash-box .chat-box .box-4 { margin:0 0 5px; width:100%; }
.emp-tab .col-md-3 { padding-left:0; }
.add-btn-4 { padding:9px 7px; } 

/******************************* dashboard-1 page media start here *******************************/
.dash-box .card-columns { column-count:2; -webkit-column-count:2; }

/******************************* calendar page media start here *******************************/
.cal-btn .up-btn { margin:7px 0 0; }

/******************************* virtual-kitchen page media start here *******************************/
.com-box-3 { margin:0 0 20px; }
.comparison-sec .col-lg-4:nth-child(2) { flex:0 0 100%; margin:20px 0 0; max-width:100%; order:3; }

/******************************* commercial-kitchen-1 page media start here *******************************/
.ck-step li { float:left; width:32%; }
.ck-step li span::before { display:none; }
.ck-sec-1 img { height:350px; object-fit:cover; }
.ck-box-1 { padding:15px; }
.ck-box-1 p { font-size:15px; }
.ck-box-1 img { width:100%; }

/******************************* add-recipe page media start here *******************************/
.add-box-2 .ch-txt { margin:0 0 12px; }
.chee-txt li:first-child { width:46%; }
.chee-txt li { width:26%; }
.ing-pr li:first-child { width:35%; }
.ing-pr li { width:49%; }
.vk-main .col-xl-8 h3 { font-size:33px; line-height:1.2; }
.pick-sec .col-lg-6:first-child img { height:350px; object-fit:cover; }
.login-section img { height:400px; margin:0 0 35px; object-fit:cover; }
.login-section form .col-lg-6:last-child { padding:0 50px 45px; }
}

@media (min-width:768px) and (max-width:1199px){
/******************************* dashboard page media start here *******************************/	
.today-box h6 { margin:12px 0 0; }
.today-box h6 span { padding:0; text-align:left; }
.today-box .row:last-child { padding-top:18px; }
.get-btn { padding:10px 20px 8px; }
.meal-txt { justify-content:normal; }
.dash-box #tab29 .col-xl-6:first-child { order:2; }
.meal-txt li:first-child { width:37%; }
.trs-txt td .ch-btn { margin:0 0 3px; }
.supp-box h4 { font-size:14px; }
.supp-box h5 span { font-size:12px; }
.supp-box a { font-size:15px; font-weight:600; padding:8px 0; }
.today-box .row:last-child.ing-txt { padding-top:0; }

/******************************* add-recipe page media start here *******************************/
.ing-dairy .modal-dialog { max-width:95%; }
}

@media (min-width:992px){
/******************************* calendar page media start here *******************************/
.comp-txt.dropdown:hover ul { display:block; }

/******************************* virtual-kitchen page media start here *******************************/
.vk-meal ul, .ck-step ul { display:flex; }

/******************************* commercial-kitchen-1 page media start here *******************************/
.ck-step li span::before { /*border-bottom:1px solid #E6E6E6;*/ content:''; left:0; position:absolute; right:0; top:24px; z-index:-1; }
.ck-sec-1 .col-lg-6:first-child, .pick-sec .col-lg-6:first-child { align-self:center; padding-right:0; }
.ck-sec-1 .col-lg-6:last-child, .pick-sec .col-lg-6:last-child { align-self:center; padding-left:0; }
.vd-url { margin:27px 0 0; }
.vd-url .box { display:inline-block; margin:0 0 0 10px; width:87%; }

/******************************* contact-us page media start here *******************************/
.cont-form .col-lg-7 { padding-right:0; }
.cont-form .col-lg-5 { padding-left:0; }

/******************************* about-us page media start here *******************************/
.about-sec .col-lg-6:first-child { align-self:center; padding-right:7px; }
.about-sec .col-lg-6:last-child { align-self:center; padding-left:7px; }
}

@media (min-width:992px) and (max-width:1199px){
/******************************* virtual-kitchen page media start here *******************************/
.vk-meal li img { width:55px; }
.vk-meal li p { margin:0 0 0 68px; }
.vir-txt { padding:18px 25px; }
.vir-txt .vk-get, .vir-txt .vk-cont { font-size:15px; padding:7px 18px; }
.com-box, .com-box-1, .com-box-2, .com-box-3, .com-box-4 { padding:25px 18px 15px; }
.com-box h5 { font-size:15px; }
.com-box h5 label { width:200px; }

/******************************* commercial-kitchen-1 page media start here *******************************/
.ck-box { padding:25px; }
.ck-box h3 { font-size:24px; font-weight:600; line-height:1.5; }
.ck-box-1 p { font-size:18px; }

/******************************* add-recipe page media start here *******************************/
.add-cate li { padding:0 26px 0 0; }
.add-cate li::before { right:8px; top:12px; }
.add-cate li a { font-size:14px; }
.tab-sec-1 .col-lg-4 .add-btn-4 { padding:12px 14px; }

/******************************* contact-us page media start here *******************************/
.abt-txt { padding:30px; }

/******************************* pickup-location page media start here *******************************/
.pick-sec ul { padding:35px 45px; }
.pick-sec h3 { font-size:34px; }
.pick-sec li p { font-size:18px; margin:0 0 0 80px; }
.order-dt { margin:20px 0 0; }
}

@media (min-width:992px) and (max-width:1239px){
/******************************* dashboard page media start here *******************************/
.dash-box .chat-box .box-4 { width:80%; }

/******************************* dashboard-1 page media start here *******************************/
.rcp-main { padding:20px 10px; }
.rcp-main h3 { font-size:17px; margin:0 0 18px; }
.rcp-main .recp-box a { margin:0; padding:20px 0; }
.dash-box .card-columns { column-count:3; -webkit-column-count:3; }
}

@media (min-width:1200px) and (max-width:1239px){
/******************************* dashboard page media start here *******************************/	
.trs-txt td .ch-btn { margin:0 0 3px; }
	
/******************************* dashboard-1 page media start here *******************************/
.rcp-main .recp-box a { margin:0 60px; }
.dash-box .man-box.recp-txt a { padding:7px 5px 4px; }
.add-btn-3 { font-size:16px; padding:8px 15px 6px; }
.add-btn-3 span { font-size:20px; }
}

@media (min-width:1240px){
.dash-sec .container, .ck-step .container { max-width:1235px; }
}

@media (min-width:1600px){
.dash-sec .container, .ck-step .container { max-width:80%; }
}