body { font-family:Poppins; }
@font-face { font-family:Tahoma; src:url(Tahoma.ttf); }
:root { --main-color:#D80000; --main-color-1:#D09600; --main-color-2:#002B3F; }
a, i, button { transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; }
a:hover { text-decoration:none; }
ul { list-style:none; margin:0; padding:0; }
img { object-fit:cover; }

header { background-color:#fff; box-shadow:0 0 4px #555; position:fixed; transition:all 500ms; width:100%; z-index:111; }
header .col-xl-2, header .col-xl-8, .invent-txt .col-lg-5, .cal-btn .col-lg-2, .cal-btn .col-lg-8, .virtual-sec .col-lg-5, .virtual-sec .col-lg-7, .w9-form .col-lg-2, .w9-form .col-lg-8, .login-section .col-lg-6 { align-self:center; }
.log-btn, .sign-btn { color:#2F2F2F; font-size:13.5px; font-weight:500; letter-spacing:0.05em; text-transform:uppercase; }
.log-btn:hover, .sr-btn:hover { color:var(--main-color); }
.sign-btn { background-color:var(--main-color); border-radius:30px; color:#fff; display:inline-block; margin-left:22px; padding:10px 25px 8px; }
.sign-btn:hover, .vir-box button:hover, .become-sec button:hover, .sr-box li:nth-child(2) i:hover, .chat-box-1 i:hover, .chef-sec .exp-btn:hover, .sr-btn-1:hover, .review-box h4 a:hover, .check-btn:hover, .ch-box a:hover, .ch-box-1 a:hover, .summary-txt a:hover, .chat-sec h3 a:hover, .next-btn:hover, .app-btn:hover, .price-tab td i:hover, .add-btn-1:hover, .env-btn:hover, .get-btn:hover, .currt-box a:hover, .add-btn-2:hover, .trs-txt td button:hover, .add-emp:hover, .locate-txt h3 a:hover, .add-btn-4:hover, .locate-edit i:hover, .ord-btn-1:hover, .ing-btn-1:hover, .pk-btn:hover, #price #substituteModel .subsutituteSave:hover, .reset-sec .btn-flat:hover, #cancelOrderAction #cancleorderButton:hover, .cont-form form a:hover { background-color:#fff !important; box-shadow:0 0 4px #555; color:#2F2F2F; }

/**** Navbar CSS Start Here ****/
header .navbar-expand-md .navbar-nav .nav-link { color:#2F2F2F; font-family:Tahoma; font-size:14px; letter-spacing:0.05em; padding:32px 16px; text-decoration:none; }
header .navbar-nav .nav-link:hover, header .navbar-nav .nav-link:focus, footer li a:hover, .signup-sec form p a, .inner-banner button:hover, .login-sec h3 a:hover, .register-sec h5 a:hover, .register-sec p a:hover, .login-section h5 a:hover, .login-section h6 a:hover { color:var(--main-color); }
header .dropdown-menu { background-color:transparent; border:none; border-radius:0; margin:0; min-width:max-content; padding:0; }
header .dropdown-menu li a { color:#000; display:block !important; font-size:12px; padding:7px 12px; }
/**** Navbar CSS End Here ****/

.banner { padding:85px 0 0; }
.main .carousel-caption { bottom:0; display:flex; flex-direction:column; left:auto; justify-content:center; right:auto; text-align:left; top:0; width:100%; }
.main .carousel-control-prev, .main .carousel-control-next, .vk-main .carousel-control-prev, .vk-main .carousel-control-next { opacity:1; z-index:11; }
.main .carousel-control-prev, .main .carousel-control-next, .vk-main .carousel-control-prev, .vk-main .carousel-control-next { bottom:65px; left:auto; top:auto; }
.main .carousel-control-prev::before, .main .carousel-control-next::before, .vk-main .carousel-control-prev::before, .vk-main .carousel-control-next::before { align-items:center; background-color:var(--main-color); content: '\f177'; display:flex; font-family:fontAwesome; font-size:22px; height:38px; justify-content:center; position:absolute; width:38px; }
.main .carousel-control-prev, .vk-main .carousel-control-prev { right:48px; }
.main .carousel-control-next::before, .vk-main .carousel-control-next::before { content:'\f178'; }
.main .carousel-control-prev span, .main .carousel-control-next span, .vk-main .carousel-control-prev span, .vk-main .carousel-control-next span, .sub_cat, .sub_sub_cat, .sub_sub_sub_cat, .log-box .dropdown-toggle::after, .add-box p input[type="radio"], .sr-box .log-box .dropdown-menu::before, .st-txt-1 .brow-btn, .step-txt .brow-btn, .add-img .brow-btn, .dash-box .brow-btn, .menu-bro .brow-btn { display:none; }

.main h1, .vk-main h1 { color:#fff; font-size:38px; font-weight:600; line-height:1.3; margin:0 0 15px; }
.main p, .vk-main p { color:#fff; font-size:20px; line-height:1.6; margin:0 0 28px; }
.exp-btn { background-color:#2F2F2F; border:none; color:#fff; display:inline-block; font-size:12px; font-weight:500; letter-spacing:0.05em; padding:15px 45px 13px; text-transform:uppercase; }
.exp-btn:hover, .pickup-box button:hover { background-color:var(--main-color); color:#fff; }

.outer { padding:38px 0 0; position:relative; }
.outer h3 { color:#1e1e1e; font-family:Lancelot; font-size:46px; line-height:1; margin:38px 0 0; }
.outer h3 span { color:var(--main-color); }
.outer h4 { background-color:var(--main-color-1); color:#fff; font-size:22px; font-weight:bold; left:0; line-height:1.5; margin:0; padding:25px; position:absolute; top:26.1%; text-transform:uppercase; }
.outer h4::before { background-color:#A47600; clip-path:polygon(50% 0, 100% 50%, 50% 100%); content:''; height:116px; position:absolute; right:-50px; top:0; width:100px; }
.outer p { color:#2F2F2F; font-size:16px; letter-spacing:0.01em; line-height:2; margin:20px 0; }
.outer li { clear:both; }
.outer li img { float:left; }
.outer li:nth-child(2) { margin:0 0 0 100px; position:relative; top:-15px; }
.outer li:nth-child(3) { margin:0 0 0 142px; position:relative; top:-40px; }
.outer li:nth-child(4) { margin:0 0 0 105px; position:relative; top:-82px; }
.outer li:nth-child(5) { position:relative; top:-90px; }
.outer li:nth-child(6) { margin:0 0 0 95px; position:relative; top:-95px; }
.outer li:last-child { margin:0 0 0 142px; position:relative; top:-130px; }
.outer li p { font-size:14px; letter-spacing:0; line-height:1.6; margin:0 0 0 150px; padding:12px 0 0 0; }
.outer li p span { color:#000; display:block; font-family:Lancelot; font-size:30px; }
.outer li p strong { color:#219653; display:block; font-size:15px; padding:7px 0 0; }

.virtual-sec { background-image:url(../../images/new_images/bg1.png), url(../../images/new_images/bg.jpg); background-position:right top, top center; background-repeat:no-repeat; background-size:auto, cover; padding:45px 0; }
.vir-box { background-image:url(../../images/new_images/bg2.jpg); background-position:top center; background-size:cover; color:#fff; padding:75px 60px 60px; }
.vir-box h3 { font-size:46px; font-weight:600; margin:28px 0 0; }
.vir-box p { font-family:Lancelot; font-size:32px; line-height:1.2; margin:30px 0 48px; }
.vir-box button, .pickup-box button, .become-sec button { background-color:transparent; border:2px solid #fff; color:#fff; display:inline-block; font-size:16px; font-weight:500; letter-spacing:0.05em; padding:14px 40px 12px; text-transform:uppercase; }
.comm-box { background-image:url(../../images/new_images/bg3.jpg); margin:20px 0 0; }

.loader_ingrediet { color:#D80000; font-size:18px; font-weight:bold; visibility:hidden; }
#snackbar { background-color:#333; border-radius:2px; bottom:30px; color:#fff; font-size:17px; left:50%; margin-left:-125px; min-width:250px; padding:16px; position:fixed; text-align:center; visibility:hidden; z-index:1; }
#snackbar.show { animation:fadein 0.5s, fadeout 0.5s 2.5s; visibility:visible; -webkit-animation:fadein 0.5s, fadeout 0.5s 2.5s; }

@-webkit-keyframes fadein {
  from { bottom:0; opacity:0; }
  to { bottom:30px; opacity:1; }
}

@keyframes fadein {
  from { bottom:0; opacity:0; }
  to { bottom:30px; opacity:1; }
}

@-webkit-keyframes fadeout {
  from { bottom:30px; opacity:1; }
  to { bottom:0; opacity:0; }
}

@keyframes fadeout {
  from { bottom:30px; opacity:1; }
  to { bottom:0; opacity:0; }
}

.recipe-sec { padding:110px 0 35px; text-align:center; }
.recipe-sec h3, .recent-sec h3, .ck-sec h3 { color:#2F2F2F; font-size:55px; font-weight:bold; margin:0 0 55px; }
.recipe-sec h4, .recent-sec h4, .ck-sec h4 { color:var(--main-color); font-family:Lancelot; font-size:26px; margin:0; }
.recipe-sec h5 { color:#2F2F2F; font-size:18px; margin:25px 0; }
.recipe-sec img { border-radius:50%; height:185px; width:185px; }
.recipe-sec .owl-prev, .recipe-sec .owl-next { font-size:0 !important; padding:0 !important; }
.recipe-sec .owl-prev::before, .recipe-sec .owl-next::before { background-color:#fff; border:1px solid #000; color:#000; content:"\f053"; font-family:fontAwesome; font-size:16px; height:35px; left:-42px; padding:5px 0 0; position:absolute; top:38%; width:35px; }
.recipe-sec .owl-next::before { content:"\f054"; left:auto; right:-42px; }
.recipe-sec .owl-prev:hover::before, .recipe-sec .owl-next:hover::before { border:1px solid var(--main-color); color:var(--main-color); }

.recent-sec { background-image:url(../../images/new_images/recent-bg.jpg); background-position:top center; background-repeat:no-repeat; background-size:contain; padding:55px 0; text-align:center; }
.recent-box { background-color:#fff; border:1px solid #B0B0B0; margin:0 0 35px; text-align:left; }
.recent-box img { height:165px; }
.recent-box h5, .tab-sec-1 .recent-box h5 { border-bottom:none; color:#2F2F2F; font-size:18px; margin:15px 15px 8px; padding:0; text-transform:capitalize; }
.recent-box h6 { color:#818181; display:inline-block; font-size:14px; font-weight:normal; margin:0 0 0 8px; }
.recent-box h6 span { color:#2F2F2F; font-weight:600; }
.rt-txt { padding:0 15px 12px; }
.recent-box .rt-txt img { border-radius:50%; height:35px; width:35px; }
.recent-box i { color:#2F2F2F; font-size:14px; }
.recent-box span i { color:var(--main-color-1); }
.recent-box ul { border-bottom:1px solid #B0B0B0; border-top:1px solid #B0B0B0; display:flex; justify-content:space-between; }
.recent-box li { color:#2F2F2F; font-size:13px; padding:14px 0 10px; text-align:center; width:100%; }
.recent-box li:first-child { border-right:1px solid #B0B0B0; }
.ord-btn-1 { background-color:var(--main-color); color:#fff;	display:block; padding:10px 0; font-size:14px; font-weight:500; text-align:center; }

.pickup-sec { background-image:url(../../images/new_images/bg1.jpg); background-position:top center; background-size:cover; color:#2F2F2F; padding:100px 0; }
.pickup-icon { align-items:center; display:flex; height:100%; justify-content:center; left:0; position:absolute; right:0; }
.pickup-box { background-color:rgba(238,238,238,0.85); box-shadow:0 0 14px rgba(0,0,0,0.45); color: #2F2F2F; display:flex; flex-direction:column; height:100%; justify-content:center; padding:0 70px; }
.pickup-box h3 { font-size:38px; font-weight:600; margin:0; }
.pickup-box p { font-family:Lancelot; font-size:25px; line-height:1.1; margin:15px 0 35px; }
.pickup-box button { border:2px solid #2F2F2F; color:#2F2F2F; width:205px; }

.become-sec { background-color:var(--main-color-2); color:#fff; padding:90px 0 75px; text-align:center; }
.become-sec h3 { color:#fff; font-size:55px; font-weight:bold; margin:0; }
.become-sec p { font-size:18px; margin:15px 0 30px; color: #fff; }
.become-sec button { margin:0 10px; padding:14px 20px 12px; }

footer { background-image:url(../../images/new_images/footer-bg.jpg); background-position:bottom center; background-size:cover; padding:65px 0 0; }
footer h3 { color:#fff; font-size:30px; font-weight:600; letter-spacing:0.05em; margin:0 0 18px; }
footer p { color:#C4C4C4; font-family:Lancelot; font-size:20px; line-height:1.5; margin:20px 0; }
footer i { background-color:#222; border-radius:50%; color:#fff; font-size:24px !important; height:48px; margin:0 14px 15px 0; padding:12px 0 0; text-align:center; width:48px; }
footer i:hover { background-color:var(--main-color); }
footer li { font-family:Lancelot; font-size:20px; padding:0 0 7px; }
footer li a { color:#C4C4C4; }
.copy { border-top:1px solid #454545; color:#fff; font-family:Poppins; font-size:13px; margin:35px 0 0; padding:28px 0; text-align:center; }

/******************************* sign-up page CSS start here *******************************/
.signup-sec { background-image:url(../../images/new_images/signup-bg.jpg); background-position:top center; background-size:cover; padding:90px 0; }
.signup-box, .signup-sec form { background-color:rgba(255,255,255,0.75); border-radius:5px; box-shadow:0 4px 3px rgba(0,0,0,0.32); padding:40px 50px; }
.signup-box h3, .user-sec h3 { color:var(--main-color); font-size:32px; font-weight:bold; margin:0 0 12px; text-align:center; }
.signup-box h3 span, .user-sec h3 span { color:#221F20; font-family:Lancelot; font-size:44px; font-weight:normal; }
.signup-box h4 { background-color:#fff; border:1px solid #ccc; color:#000; font-size:16px; font-weight:normal; line-height:1.6; margin:0 0 10px; padding:14px 40px; }
.signup-box h4 span { color:var(--main-color); font-weight:bold; }

.signup-sec form { background-color:#fff; }
.signup-sec form h3 { color:var(--main-color); font-size:28px; font-weight:bold; margin:0 0 25px; text-align:center; }
.signup-sec form h3 span { color:#221F20; font-family:Lancelot; font-size:38px; font-weight:normal; }
.signup-sec form h5 { color:#000; font-size:18px; font-weight:600; margin:0 0 14px; }
.signup-sec form h6, .signup-sec .modal-body h6 { color:#221F20; font-size:15px; font-weight:normal; margin:0 0 8px; }
.signup-sec form h6 span { color:var(--main-color); padding-left:4px; }
.signup-sec form p { color:#2F2F2F; font-size:15px; margin:15px 0 0; }
.signup-sec form p a:hover { color:#2F2F2F; }
.box, #menu_image, #profile_picture { background-color:#F2F2F2; border:1px solid #c4c4c4; border-radius:0; box-shadow:none; color:#221F20; font-size:16px; height:45px; margin:0 0 14px; padding:10px 15px; width:100%; }
.box:focus { background-color:#F2F2F2; border:1px solid #c4c4c4; box-shadow:none; color:#221F20; }
.box::placeholder { background-color:#F2F2F2; color:#221F20; }
select.box { background-image:url(../../images/new_images/arrow.png); background-position:95%; background-repeat:no-repeat; -moz-appearance:none; -webkit-appearance:none; }
.yes-btn { border:1px solid #BDBDBD; color:#221F20; display:inline-block; font-size:14px; margin:0 5px 15px 0; padding:7px 30px; }
.yes-btn:hover { background-color:#F2F2F2; border:1px solid var(--main-color); color:#221F20; }
.signup-sec form .exp-btn, .login-sec .exp-btn { display:block; font-size:16px; padding:13px 0 11px; text-align:center; }
.signup-sec .modal-body, .ch-box .modal-body, .ch-box-1 .modal-body, .step-sec .modal-body, .ch-box-2 .modal-body, .order-txt .modal-body, .invent-txt .modal-body, .recipe-sec-1 .accord-sec .modal-content { padding:0; }
.signup-sec .modal-body h5 { color:#000; font-size:14px; margin:0 0 15px; }

.signup-txt form h5 { color:#7C7C7C; font-size:17px; font-weight:500; letter-spacing:0.01em; margin:20px 0 35px; text-align:center; text-transform:uppercase; }
.signup-txt form h5 a { color:#2F2F2F; text-decoration:underline; }
.signup-txt form h5 a:hover { color:var(--main-color); text-decoration:underline; }
.signup-sec.signup-txt .modal-header { margin:0; }
.signup-txt .ing-dairy h3 { border-bottom:1px solid #000000; color:var(--main-color); font-size:28px; font-weight:bold; margin:0; padding:0 0 18px; text-transform:uppercase; }
.signup-txt .ing-dairy h5 { color:#333; font-size:18px; font-weight:bold; margin:22px 0 10px; text-transform:uppercase; }
.signup-txt .ing-dairy p { color:#474444; font-size:14px; line-height:2; margin:0 0 15px; }
.signup-txt .ing-dairy p span { text-transform:uppercase; }
.reset-sec { padding:55px 0 40px; }
.reset-sec .forgot_form { padding:0 !important; }
.reset-sec h2 { color:#221F20; font-size:28px; font-weight:600; margin:0 0 20px; }
.reset-sec .btn-flat { background-color:#2F2F2F; border-radius:0; color:#fff; font-size:18px; font-weight:500; letter-spacing:0.05em; padding:8px 0; text-transform:uppercase; }
.reset-sec .btn-flat:focus { box-shadow:none; }

/******************************* user page CSS start here *******************************/
.user-sec { background-image:url(../../images/new_images/bg1.jpg); background-position:top center; background-size:cover; height:100vh; }
.user-sec .container, .login-sec .container { display:flex; flex-direction:column; height:100%; justify-content:center; }
.user-sec form { background-color:#fff; border-radius:5px; box-shadow:0 4px 3px rgba(0,0,0,0.32); padding:65px 40px; text-align:center; }
.user-sec p { color:#4F4F4F; font-size:16px; line-height:1.7; margin:0 0 33px; }
.user-sec .exp-btn { display:block; font-size:15px; padding:13px 0 11px; }

/******************************* profile page CSS start here *******************************/
.log-box { float:right; list-style:none; }
.pro_img img { border-radius:50%; height:35px; width:35px; }
.log-box .dropdown-menu { background-color:#fff; border-radius:3px; box-shadow:0 0 5px #999; left:auto !important; margin:60px 0 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:#fff; display:flex; float:left; font-size:14px; height:30px; justify-content:center; margin:4px 0; width:30px; }
.log-box .dropdown-menu li span img { border-radius:50%; height:30px; width:30px; }
.log-box .dropdown-menu.dd-2 li:first-child a:hover { background-color:transparent; }
.log-box .dropdown-menu li h6 { color:#000; display:inline-block; font-size:12px; 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 i { color:#b0b0b0; width:18px; }
.log-box .dropdown-menu a { border-bottom:1px solid #ccc; color:#000; font-size:12px; }
.log-box .dropdown-menu.dd-2 li:nth-child(2) a, .log-box .dropdown-menu.dd-2 li:nth-child(4) a, .log-box .dropdown-menu.dd-2 li:nth-child(5) a, .log-box .dropdown-menu.dd-2 li:nth-child(6) a, .log-box .dropdown-menu.dd-2 li:nth-child(7) a, .log-box .dropdown-menu li:nth-child(9) a { border-bottom:none; }
.log-box .dropdown-menu li:last-child a { border-bottom:none; }

.pro-img img { height:140px; margin:0 0 15px; width:140px; }

.profile-sec { background-color:#f0f0f0; padding:50px 0; }
.pro-box { background-color:#fff; box-shadow:0 0 40px rgba(0,0,0,0.29); }
.pro-txt { color:#2F2F2F; font-size:25px; font-weight:bold; margin:0; padding:30px; text-transform:uppercase; }
.name-txt { color:var(--main-color); font-size:26px; font-weight:bold; margin:45px 0 0 40px; }
.name-txt span { color:#000; font-family:Lancelot; font-size:32px; font-weight:normal; }
.pro-box h5 { color:#000; font-size:20px; font-weight:600; margin:0 0 30px; text-transform:uppercase; }
.pro-box h6 { color:#676464; font-size:17px; font-weight:normal; margin:24px 0 18px 40px; }

.pro-box .col-lg-2 .nav-tabs { background-color:#ededed; border-bottom:none; }
.pro-box .col-lg-2 .nav-tabs li { width:100%; }
.pro-box .col-lg-2 .nav-tabs li a { border-top:1px solid #949494; color:#2F2F2F; display:block; font-size:19px; padding:22px 18px; }
.pro-box .col-lg-2 .nav-tabs li .active, .pro-box .col-lg-2 .nav-tabs li a:hover { background-color:var(--main-color); color:#fff; position:relative; }
.pro-box .col-lg-2 .nav-tabs li .active::before, .pro-box .col-lg-2 .nav-tabs li a:hover::before { border-right:8px solid #2f2f2f; bottom:8px; content:''; left:0; position:absolute; right:0; top:8px; }
.pro-box .col-lg-2 .nav-tabs li .active img, .pro-box .col-lg-2 .nav-tabs li a:hover img { filter:invert(62%) brightness(250%); }
.pro-box .col-lg-2 .nav-tabs li img { float:left; }
.pro-box .col-lg-2 .nav-tabs li span { display:block; padding:0 0 0 45px; }

.pro-box .col-lg-10 .nav-tabs li a, .tab-box .nav-tabs li a, .menu-sec .nav-tabs li a { border-bottom:3px solid transparent; color:#454545; display:block; font-size:15px; padding:10px 30px; }
.pro-box .col-lg-10 .nav-tabs li .active, .pro-box .col-lg-10 .nav-tabs li a:hover, .tab-box .nav-tabs li .active, .tab-box .nav-tabs li a:hover, .menu-sec .nav-tabs li .active, .menu-sec .nav-tabs li a:hover { border-bottom:3px solid var(--main-color); }
.pro-box .col-lg-10 .tab-content .tab-content { padding:24px; }
.pro-box .col-lg-10 .tab-content .tab-content h6 { color:#272727; font-size:14px; margin:0 0 12px; }
.pro-box .col-lg-10 .tab-content .tab-content h6 a { color:var(--main-color); font-size:13px; text-decoration:underline; text-transform:uppercase; }
.pro-box .col-lg-10 .tab-content .tab-content h6 a:hover { color:#2F2F2F; text-decoration:none; }
.pro-box .col-lg-10 .tab-content .tab-content .box { margin:0 0 30px; }

.add-box { background-color:#e0e0e0; border:1px solid #585858; height:95%; padding:15px; text-align:left; }
.add-box i { color:var(--main-color); float:left; font-size:20px; margin:5px 0 0; }
.add-box p { color:#292929; cursor:pointer; font-size:14px; line-height:1.7; margin:0 25px; }
.et-main { position:absolute; text-align:center; top:8px; }
.et-main i { background-color:#fff; border-radius:50%; box-shadow:0 0 4px #555; color:#000; height:32px; padding:8px 0 0; position:relative; right:22px; top:-7px; width:32px; }
.et-main button { background-color:transparent; border:none; outline:none; padding:0; }
.et-btn i:hover, .cart-tab td:first-child i:hover, .cart-tab td:last-child i:hover, .add-img li i:hover { background-color:var(--main-color); color:#fff; }

.add-box-1 { align-items:center; background-color:var(--main-color); display:flex; height:120px; padding:0 15px; }
.add-box-1 img { float:left; }
.add-box-1 p { color:#fff; font-size:16px; margin:0; }
.ad-btn { background-color:#2F2F2F; border-radius:50%; box-shadow:0 4px 4px rgba(0,0,0,0.25); color:#fff; height:32px; padding:8px 0 0; position:absolute; right:25px; text-align:center; top:8px; width:32px; }
.ad-btn:hover { background-color:#fff; color:#2F2F2F; }
.pro-box .col-lg-10 .tab-content .tab-content .exp-btn { margin:35px 0 0; padding:15px 20px 12px; }

.box-1 { border:1px solid #D1D2D1; border-radius:0; box-shadow:none; color:#7B7979; font-size:12px; float:left;	height:35px; margin:0 10px 10px 0; width:46%; }
.box-1:focus { background-color:#fff; border:1px solid #D1D2D1; box-shadow:none; color:#7B7979; }
.box-1::placeholder { background-color:#fff; color:#7B7979; }
select.box-1 { background-image:url(../../images/new_images/arrow-1.png); background-position:95%; background-repeat:no-repeat; -moz-appearance:none; -webkit-appearance:none; }

.inter table { border:1px solid #949494; width:100%; }
.inter tr { border-bottom:1px solid #949494; }
.inter th { background-color:#F9F9F9; color:#676464; font-size:11.5px; font-weight:500; padding:8px 10px; }
.inter td { color:#515151; font-size:12px; padding:8px 10px; }
.inter td h4 { color:var(--main-color); font-family:Poppins; font-size:15px; font-weight:600; margin:0; }
.inter td h4 span { color:#219653; font-family:Poppins; font-size:15px; font-weight:600; }
.inter td h5 { color:#808080; font-size:11px; font-weight:normal; margin:0 0 0 70px; text-transform:none; }
.inter td h5 span { color:#000; display:block; font-size:14px; font-weight:600; padding:0 0 3px; }
.inter td h5 .rt-txt1 { color:#219653; }
.inter img { float:left; height:60px; width:60px; }
.inter .all-txt { font-size:15px; }
.paid-btn { background-color:#219653; border-radius:25px; color:#fff; display:inline-block; font-size:11px; font-weight:600; padding:6px 28px 3px; text-transform:uppercase; }
.com-btn { background-color:#828282; border-radius:25px; color:#fff; display:inline-block; font-size:11px; font-weight:600; padding:6px 15px 3px; text-transform:uppercase; }
.dt-txt { color:#808080; font-size:13px; }
.dt-txt span { color:#676464; display:block; font-size:15px; font-weight:500; }
.cr-btn { border:2px solid var(--main-color); border-radius:50%; color:var(--main-color); font-size:12px; height:22px; padding:3px 0 0; text-align:center; width:22px; }
.ern-txt { color:var(--main-color); font-size:22px; font-weight:bold; margin:10px 0 20px; }

.man-box { bottom:18px; left:35px; position:absolute; right:35px; z-index:1; }
.manage-box .col-lg-4, .manage-box .col-xl-4 { margin:0 0 30px; }
.manage-box img { border-radius:3px; height:100%; }
.manage-box h3 { color:#fff; font-size:32px; font-weight:bold; margin:0; position:absolute; right:30px; text-align:center; text-transform:uppercase; top:15px; z-index:1; }
.man-box h4 { color:#fff; font-size:18px; font-weight:600; margin:0 0 4px; }
.man-box .fa.fa-star { color:var(--main-color-1); font-size:11px; margin:0 8px 0 0; }
.man-box a { background-color:var(--main-color); border-radius:4px; color:#fff; display:block; font-size:14px; font-weight:500; margin:10px 0 0; padding:7px 0 6px; text-align:center; text-transform:uppercase; }
.man-box a:hover { background-color:#fff; color:#2F2F2F; }

.up-txt h2 { color:#000; font-size:22px; font-weight:bold; margin:0 0 14px; padding:0; }
.pro-box .tab-content .up-txt h6 { border-bottom:1px solid #C0C0C0; color:#000 !important; font-weight:500; padding:0 0 10px; }

.cart-tab img { margin:0 20px 0 0; width:95px; }
.cart-tab td { border-right:1px solid #e6eaee; position:relative; }
.cart-tab td h5 { color:#4F4F4F; font-size:18px; font-weight:500; margin:0; position:relative; text-align:left; top:5px; }
.cart-tab td h5 span { color:#2F2F2F; font-size:28px; font-weight:bold; padding:7px 0 0; }
.cart-tab td:first-child i { align-items:center; background-color:#2F2F2F; border-radius:50%; color:#fff; display:flex; font-size:16px; height:30px; justify-content:center; position:absolute; right:15px; top:15px; width:30px; }
.cart-tab td:last-child { font-size:17px; font-weight:500; text-align:center; }
.cart-tab td:last-child i, .add-img li i { background-color:#fff; border-radius:50%; box-shadow:0 0 3px #555; color:var(--main-color); height:30px; font-size:16px; padding:7px 0 0; width:30px; }
.manage-box h3 span { display:block; font-size:10px; font-weight:600; }

.recp-txt .col-lg-4 { margin:0; }
.man-box.recp-txt a { display:inline-block; font-size:12px; margin:0 0 8px; padding:7px 7px 4px; }
.ed-btn { background-color:#fff !important; border-radius:50% !important; color:#000 !important; font-size:16px !important; height:28px; padding:4px !important; vertical-align:top; width:28px; }
.inter .ed-btn { height:auto; padding:0 !important; }

.recp-box { height:100%; }
.recp-box a { align-items:center; background-color:var(--main-color); border-radius:3px; display:flex; flex-direction:column; height:150px; justify-content:center; }
.recp-box h5 { border:none !important; color:#fff !important; font-size:22px !important; font-weight:bold !important; margin:0 !important; padding:0 !important; text-align:left; text-transform:none !important; }
.recp-box h5 span { display:block; font-family:Lancelot; font-size:30px; font-weight:normal; }
.recp-box h5 img { height:auto; margin:0 0 0 10px; width:auto; }
.recp-box img { margin:0 auto 20px; width:65px; }
.pro-box .inter.earn-txt tr:first-child td:nth-child(2), .pro-box .inter.earn-txt tr:first-child td:nth-child(3) { padding:5px 8px 5px 0; text-align:center; }
.inter.earn-txt select { background-position:90%; float:none; height:26px; margin:0; padding:0 6px; width:100%;  }
.pro-box .inter.earn-txt h3 { color:var(--main-color); padding:0; text-transform:none; }
.pro-box .inter.earn-txt h6 { margin:0 0 5px !important; }

.earn-box { border:1px solid #ddd; margin:0 0 15px; padding:30px 15px; width:100%; }
.earn-box h3 { color:#676464; font-size:18px; font-weight:normal; margin:0; padding:0; text-transform:none; }
.earn-box h3 span { color:#2F2F2F; display:block; font-size:32px; font-weight:bold; padding:10px 0 0; }
.earn-box a { background-color:var(--main-color); border-radius:3px; color:#fff; display:inline-block; margin:10px 0 0; padding:4px 18px 6px; }
.earn-box a img { margin:0 7px 0 0; }
.recp-txt h4 span { color:#fff; display:block; font-family:Poppins; font-size:15px; font-weight:normal; padding:2px 0 0; }
.manage-box .rec-txt { margin:15px 0 0; top:auto; }

.comm-tab .nav-tabs { border-bottom:none; }
.comm-tab .nav-tabs li a { border:1px solid #BDBDBD !important; color:#454545; }
.comm-tab .nav-tabs li .active, .comm-tab .nav-tabs li a:hover { border:1px solid var(--main-color) !important; color:#000 !important; }
.comm-tab .nav-tabs li:first-child { margin:0 10px 0 0 !important; }
.comm-tab .tab-content { padding:24px 0 0 !important; }
.comm-tab .box-1 { float:none; margin:0 0 25px; width:100%; }
.comm-tab .tab-content h5 { color:#4E4E4E; font-size:16px; font-weight:normal; margin:0 0 15px; text-transform:none; }

.or-txt { color:var(--main-color) !important; font-size:12px !important; text-decoration:underline; }
.box-2 { background-color:#002C40; border:none; border-radius:0; box-shadow:none; color:#fff; font-size:16px; height:45px; margin:0 0 14px; padding:0 15px; width:100%; }
.box-2:focus { background-color:#002C40; border:none; box-shadow:none; color:#fff; }
.box-2::placeholder { background-color:#002C40; color:#fff; }
.sr-box li:first-child { width:100%; }
.sr-box li:nth-child(2) i { align-items:center; background-color:var(--main-color); color:#fff; display:flex; height:45px; margin:0 10px; padding:0 20px; }
.sr-box .log-box .dropdown-toggle { align-items:center; background-color:transparent; border:1px solid #ccc; border-radius:unset; display:flex; height:45px; padding:0 10px; width:auto; }
.sr-box .log-box .dropdown-menu { border:none; border-radius:0; box-shadow:10px 10px 30px rgba(0,0,0,0.35); left:auto !important; padding:15px 20px; right:0; width:300px; z-index:11; }
.sr-box .log-box .dropdown-menu a { border:none; }

.sr-box h5 { font-size:20px !important; font-weight:600 !important; letter-spacing:0.05em; text-transform:uppercase !important; }
.sr-box h5 a { color:#949494 !important; float:right; font-size:15px; font-style:italic; font-weight:500; text-transform:none; }
.sr-box .accordion_head, .rcp-box .accordion_head, .rcp-box h6 { color:#2F2F2F; cursor:pointer; font-size:18px; font-weight:500; padding:0 0 5px; }
.sr-box .accordion_head span, .sr-box h5 a:hover, .rcp-box .accordion_head span, .rcp-box h5 a:hover { color:var(--main-color) !important; }
.sr-box .accordion_body li, .rcp-box li { color:#2F2F2F; font-size:14px; font-weight:500; padding:0 0 5px; }
.sr-box .accordion_head.vw-txt, .rcp-box .accordion_head.vw-txt { border-bottom:2px dashed #2F2F2F; color:var(--main-color); font-size:14px; margin:0 0 15px; padding:0 0 15px; }

.supp-txt { background-color:#2F2F2F; border-radius:3px; font-size:20px !important; padding:6px 10px 3px !important; right:30px !important; top:55px !important; }
.sr-btn { color:#828282; left:30px; position:absolute; top:14px; }
.box-3 { background-color:#F2F2F2; border:none; box-shadow:none; color:#828282; font-size:15px; font-weight:300; height:45px; margin:0 0 14px; padding:0 15px 0 45px; width:100%; }
.box-3:focus { background-color:#F2F2F2; border:none; box-shadow:none; color:#828282; }
.box-3::placeholder { background-color:#F2F2F2; color:#828282; }
.chat-box ul { margin:40px 0;  height:450px;  overflow-x: hidden;  overflow-y: scroll; }
.chat-box li { border:1px solid transparent; clear:both; padding:3px 15px 8px; }
.chat-box li.active { border:1px solid var(--main-color); border-radius:4px; }
.chat-box li.active p { border-bottom:none; }
.chat-box li img { float:left; width: 45px; }
.chat-box li p { /*border-bottom:1px solid #B6B6B6;*/ color:#2F2F2F; font-size:14px; margin:0 0 0 45px; padding:2px 0; position:relative; }
.chat-box li p span { color:#777070; display:block; font-size:12px; padding:0 8px 0 0; text-align:right; }
.chat-box li p span strong { background-color:var(--main-color); color: #fff;  border-radius: 50%;  width: 20px;  display: flex;  align-items: center;  justify-content: center;  height: 20px;  font-weight: 500;  position: absolute;  right: -10px;  top: -9px;  font-size: 10px;}
.ms-box .cht-mem { text-transform:capitalize; }
.chat-main, .tab-pane, .chat-box { height:100%; }
/* .chat-main-box { height:535px; overflow-y:scroll; overflow-x:hidden; padding:0 15px 0 0; } */

.chat-box h6 { background-color:#2F2F2F; border-radius:4px; color:#fff !important; display:inline-block; padding:9px 15px; position:relative; font-size:12px !important; }
.chat-box h6::before { border-bottom:5px solid transparent; border-right:5px solid #2F2F2F; border-top:5px solid transparent; content:''; left:-5px; position:absolute; top:12px; }
.chat-box p { color:#4F4F4F; font-size:12px; margin:0 0 10px; }
.chat-txt { text-align:right; }
.chat-txt h6 { background-color:#de4545; }
.chat-box .chat-txt h6::before { border-bottom:5px solid transparent; border-left:5px solid #de4545; border-right:none; border-top:5px solid transparent; content:''; left:auto; position:absolute; top:12px; right:-5px; }

.box-4 { background-color:transparent; border:1px solid #B6B6B6; border-radius:30px; box-shadow:none; color:#4F4F4F; font-size:14px; font-weight:300; height:40px; margin:0 10px 0 0; padding:0 20px; }
.box-4:focus { background-color:transparent; border:1px solid #B6B6B6; box-shadow:none; color:#4F4F4F; }
.box-4::placeholder { background-color:transparent; color:#4F4F4F; }
.chat-box-1 { display:flex; margin:18px 0 0; } 
.chat-box-1 i { align-items:center; background-color:#de4545; border-radius:50%; color:#fff; display:flex; height:40px; justify-content:center; width:40px; }

.check-box h5 { font-size:26px; font-weight:600; margin:0 0 20px; text-transform:none; }
.check-box h6 { margin:20px 0 9px !important; }
.check-box .box { margin:0 !important; }
.summary-txt li { border-bottom:1px solid #dee2e6; color:#0D0D0D; font-size:13px; padding:10px 0; }
.summary-txt li:first-child { color:#2F2F2F; font-size:17px; font-weight:bold; }
.summary-txt li span { color:#9A9A9A; float:right; }
.summary-txt li strong { color:#595959; font-weight:600; }
.summary-txt li img { float:right; }
.summary-txt li b { display:block; font-size:12px; font-weight:600; }
.summary-txt a { 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; }

.card-et { position:absolute; right:10px; top:15px; }
.card-et .btn-delete { background-color:transparent; border:none; display:inline-block; padding:0; }
.card-et i { background-color:var(--main-color); border-radius:50%; box-shadow:0 0 3px #555; color:#fff; height:30px; font-size:16px; margin:0 4px; padding:7px 0 0; text-align:center; width:30px; }
.card-et i:hover { background-color:#2F2F2F; color:#fff; }
.card-box li { border:1px solid #B4B4B4; box-shadow:0 4px 4px rgba(0,0,0,0.25); margin:0 0 10px; padding:10px; position:relative; }
.card-box h4 { color:#000; display:inline-block; font-size:18px; font-weight:600; margin:0 20px; vertical-align:middle; }
.card-box h4 span { color:#676464; display:block; font-size:14px; font-weight:normal; padding:3px 0 0; text-transform:uppercase; }
.ord-btn { background-color:var(--main-color); color:#fff; display:inline-block; font-size:12px; font-weight:500; margin:12px 0 0; padding:11px 15px 8px; text-transform:uppercase; }
.ord-btn:hover { background-color:#2F2F2F;  color:#fff; }

/******************************* recipe page CSS start here *******************************/
.chef-sec { background-image:url(../../images/new_images/chef-bg.jpg); background-position:top center; background-size:cover; padding:45px 0; text-align:center; }
.chef-sec h3 { color:#fff; font-size:46px; font-weight:bold; margin:0 0 15px; }
.chef-sec h4 { color:#fff; font-size:18px; margin:25px 0 35px; }
.chef-sec .nav-tabs { display:block; }
.chef-sec .nav-tabs li { display:inline-block; }
.chef-sec .nav-tabs li a { border-bottom:3px solid transparent; color:#fff; display:block; font-size:18px; margin:0 18px; padding:5px 0; }
.chef-sec .nav-tabs li .active, .chef-sec .nav-tabs li a:hover { background-color:var(--main-color); border-bottom:3px solid #fff; position:relative; }
.chef-sec .nav-tabs li .active::after, .chef-sec .nav-tabs li a:hover::after { border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff; bottom:-10px; content:''; left:0; margin:0 auto; position:absolute; right:0; width:8px; }
.chef-sec .tab-content { padding:40px 0 0; }
.chef-sec .owl-controls { bottom:-7px; left:0; position:absolute; }
.chef-sec .owl-prev, .chef-sec .owl-next, .collection-sec .owl-prev, .collection-sec .owl-next { display:inline-block; font-size:0; padding:0 22px; position:relative; }
.chef-sec .owl-prev::before, .collection-sec .owl-prev::before { align-items:center; background-color:var(--main-color-1); color:#fff; content:"\f177"; display:flex; font-family:fontAwesome; font-size:22px; height:38px; justify-content:center; left:0; position:absolute; width:38px; }
.chef-sec .owl-next::after, .collection-sec .owl-next::after { align-items:center; background-color:var(--main-color-1); color:#fff; content:"\f178"; display:flex; font-family:fontAwesome; font-size:22px; height:38px; justify-content:center; position:absolute; right:0; width:38px; }
.chef-sec .exp-btn { float:right; }

.recipe-sec-1 { background-color:#eee; }
.recipe-sec-1 h2, .collection-sec h3 { border-bottom:1px solid #aaa; color:#2F2F2F; font-size:25px; font-weight:600; margin:30px 0 25px; padding:0 0 18px; }
.recipe-sec-1 h2 span, .collection-sec h3 span { background-color:#2F2F2F; color:#fff; float:right; font-size:16px; font-weight:normal; padding:8px 20px; }
.recipe-sec-1 h2 span img { padding:0 5px 0 0; }
.recipe-sec-1 h3 { color:#2F2F2F; font-family:Lancelot; font-size:32px; font-weight:normal; margin:15px 0; text-align:center; }
.recipe-sec-1 h4 { color:#949494; font-size:16px; font-weight:normal; margin:18px 0 0; text-align:right; }
.recipe-sec-1 h4 a, .login-sec p a:hover { color:var(--main-color); }
.recipe-sec-1 h4 a:hover { color:#949494; }
.rcp-box { padding:18px; }
.rcp-box h5 { font-size:20px; font-weight:600; letter-spacing:0.05em; text-transform:uppercase; }
.rcp-box h5 .btn_grey { background-color:var(--main-color); border:none; border-radius:3px; color:#fff; font-size:15px; margin:0 12px 0 0; padding:6px 12px 3px; text-transform:uppercase; }
.rcp-box h5 a { color:#949494; float:right; font-size:15px; font-style:italic; font-weight:500; text-transform:none; }
.rcp-box li i { color:var(--main-color); font-size:20px; margin:0 5px 0 0; }

.recipe-sec-1 h2 span { cursor:pointer; }
.recipe-sec-1 .modal-content, .signup-sec .modal-content { background-color:#fff; border-radius:0; padding:20px 30px; }
.recipe-sec-1 .modal-header, .signup-sec .modal-header { border-bottom:2px solid #C4C4C4; display:block; margin:0 0 35px; padding:0 0 12px; }
.recipe-sec-1 .close, .signup-sec .close { color:#000; font-size:35px; font-weight:normal; margin:0 0 -10px; outline:none; padding:0; opacity:1; text-shadow:none; }
.recipe-sec-1 .modal-body { padding:14px 30px 22px; }
.recipe-sec-1 .modal-header h5 { color:#2F2F2F; font-size:22px; font-weight:normal; margin:0; }
.recipe-sec-1 .modal-header h5 img { padding:0 5px 0 0; }
.recipe-sec-1 .modal-body li { clear:both; padding:0 0 10px; }
.recipe-sec-1 .modal-body li img { float:left; padding:4px 0 0; }
.recipe-sec-1 .modal-body li p { color:#2F2F2F; font-size:14px; margin:0 0 4px 40px; }
.recipe-sec-1 .modal-body li p span { color:#000; font-family:Lancelot; font-size:26px; }

/******************************* range-slider CSS start here *******************************/
.accord-sec .slider { height:20px; position:relative; width:100%; }
.accord-sec .slider.slider-horizontal .slider-track { height:10px; left:0; margin-top:-5px; top:50%; width:100%; }
.accord-sec .slider.slider-horizontal .slider-selection, .accord-sec .slider.slider-horizontal .slider-track-low, .accord-sec .slider.slider-horizontal .slider-track-high { bottom:0; top:0; }
.accord-sec .slider.slider-horizontal .slider-tick, .accord-sec .slider.slider-horizontal .slider-handle { margin-left:-10px }
.accord-sec .slider .tooltip.top { margin-top:-27px; }
.accord-sec .slider-track { background-image:linear-gradient(to bottom, #f5f5f5 0, #f9f9f9 100%); background-image:-webkit-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%); border-radius:4px; box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); cursor:pointer; position:absolute; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.accord-sec .slider-selection { background-color:#f77500; position:absolute; }
.accord-sec .slider-handle { background-color:#fff; border-radius:50%; box-shadow:0 0 7px #555; cursor:pointer; height:20px; position:absolute; top:0; width:20px; }
.accord-sec .tooltip.in { opacity:1; }
.accord-sec .tooltip-inner { background-color:transparent; color:#000; font-weight:600; margin:0 0 0 -12px; padding:0; }
.accord-sec #accordion h4 { color:#000; font-weight:600; margin:0 22px 22px 0; text-align:left; width:165px; }

.recipe-sec-1 .card-header.ran-txt { display:flex; margin:0; padding:9px 22px 9px 12px; }
.recipe-sec-1 .card { border:1px solid #f0f0f0; border-radius:0; margin:0 0 8px; }
.recipe-sec-1 .card-header strong { font-weight:500; width:160px; }
.recipe-sec-1 .card span { left:145px; position:absolute; top:8px; }
.recipe-sec-1 .card-header { background-color:#F0F0F0; border-radius:0; border-bottom:none; font-size:14px; font-weight:500; margin:8px 0 0; padding:9px 20px; }
.recipe-sec-1 .card-header .slider { margin:0 0 0 18px; width:100%; }
.recipe-sec-1 .card-header a { color:#5E5E5E; display:block; }
.recipe-sec-1 .card-header a::after { content:"\f0d7"; font-family:'FontAwesome'; position:absolute; right:15px; }
.recipe-sec-1 .card-header a[aria-expanded="true"]::after { content:"\f0d8"; }
.recipe-sec-1 .card-body { padding:22px 34px 0 25px; }
.recipe-sec-1 .dt-sr { display:flex; }
/******************************* range-slider CSS start here *******************************/

.sr-btn-1 { background-color:var(--main-color); color:#fff; display:block; float:right; height:45px; margin:-59px 0 0; padding:10px 0 0; position:relative; text-align:center; width:45px; }
.recipe-txt .recent-box { background-color:transparent; }
.recipe-sec-1 .recent-box h5, .recipe-txt .recent-box h5 { font-size:18px; }
.recipe-txt .recent-box h6 { font-size:14px; margin:10px 0 0; }
.hr-btn { align-items:center; background-color:rgba(9,9,9,0.81); border-radius:50%; color:#fff; display:flex !important; font-size:20px !important; height:48px; justify-content:center; left:25px; position:absolute; text-align:center; top:10px; width:48px; z-index:1; }
.hr-btn:hover, .hr-btn.dislike { background-color:rgba(216,0,0,0.8); }
.page-btn { padding:0 0 50px; text-align:center; }
.page-btn li { display:inline-block; }
.page-btn li a { background-color:#E7E7E7; color:#000; display:inline-block; font-size:15px; font-weight:500; height:40px; padding:10px 0 0; width:40px; }
.page-btn li a:hover { background-color:var(--main-color-1); color:#fff; }

.collection-sec { background-color:#f5f5f5; padding:48px 0 80px; }
.collection-sec h3 { margin:30px 10px 25px; }
.collection-sec h3 span { background-color:transparent; padding:0; }
.collection-sec h4 { border:1px solid #B0B0B0; color:#2F2F2F; font-size:23px; margin:0 0 10px; padding:17px 20px; }
.collection-sec h4 span { color:var(--main-color); font-size:18px; padding:0 0 0 8px; }
.coll-box { padding:0 10px; }
.collection-sec .owl-controls { padding:0 0 40px; text-align:center; }

/******************************* login-sec page CSS start here *******************************/
.login-sec { background-image:url(../../images/new_images/login-bg.jpg); background-position:top center; background-size:cover; height:100vh; }
.login-sec form { background-color:#fff; border-radius:5px; box-shadow:0 4px 3px rgba(0,0,0,0.32); padding:40px 40px 10px; text-align:center; }
.login-sec h3 { color:#221F20; font-size:29px; font-weight:bold; margin:0 0 25px; }
.login-sec h3 a { color:#221F20; }
.login-sec h6 { color:#221F20; font-size:15px; font-weight:normal; margin:0 0 8px; text-align:left; }
.login-sec p { color:#4F4F4F; font-size:16px; margin:15px 0 22px; }
.login-sec p a { color:#414141; }
.login-sec .social_login .exp-btn, .signup-sec .exp-btn { border:none; width:100%; }

/******************************* recipe-detail page CSS start here *******************************/
.recipe-section { background-image:url(../../images/new_images/recipe-detail-bg.jpg); background-position:top center; background-size:cover; padding:55px 0; }
.recipe-box { background-color:#fff; box-shadow:0 0 5px #999; height:100%; padding:25px; position:relative; }
.recipe-box i { color:#ccc; margin:0 2px 0 0; }
.recipe-box span i { color:var(--main-color); }
.rating-icon strong { color:#000; font-size:14px; font-weight:600; }
.recipe-box h3 { color:var(--main-color); font-size:30px; font-weight:bold; margin:0 0 2px; }
.recipe-box h4 { color:#2F2F2F; font-size:25px; font-weight:bold; margin:7px 0; }
.recipe-box h4 img { float:right; }
.recipe-box h4 span { display:block; font-family:Lancelot; font-size:22px; font-weight:normal; padding:2px 0 0; }
.recipe-box h5 { color:#686868; font-size:12px; font-weight:normal; margin:14px 0; }
.recipe-box p { color:#000; font-size:12px; margin:0 0 24px; }
.recipe-box a { background-color:#2F2F2F; color:#fff; display:inline-block; font-size:12px; font-weight:500; letter-spacing:0.05em; padding:10px 14px 7px; text-transform:uppercase; }
.recipe-box a i, .go-btn i { color:#fff; }
.recipe-box a:hover, .recipe-box .view-btn, .go-btn:hover { background-color:var(--main-color); }
.recipe-box .view-btn img { margin:-5px 3px 0 0; }
#social-links ul { display:inline-block; position:absolute; right:25px; top:28px; }
#social-links li { display:inline-block; }
#social-links li a { align-items:center; display:flex; font-size:15px; height:28px; justify-content:center; margin:0 0 0 5px; padding:0; width:28px; }
.step-box-1 { padding:18px; }
.recipe-tab .tab-box video { height:100%; width:100%; }
.recipe-tab .tab-box .video_title { margin:22px 0 10px; }

.recipe-tab { background-color:#eee; padding:60px 0 40px; }
.tab-box { background-color:#fff; padding:8px 0; }
.rcp-txt { border-right:1px solid #dee2e6; padding:25px; }
.rcp-txt li { color:#000; font-size:13px; padding:0 0 15px; }
.rcp-txt li span { float:right; font-size:15px; font-weight:600; }
.tab-box .tab-content h5 { border-bottom:1px solid #dee2e6; border-top:1px solid #dee2e6; clear:both; color:#000; font-size:12px; font-weight:normal; margin:0; padding:17px 25px; }
.tab-box .tab-content h5 span { display:block; font-size:15px; font-weight:600; padding:0 0 8px; }
.nutr-txt { padding:12px 0 0 25px; }
.nutr-txt li:first-child { border-left:none; color:#000; display:block; font-size:15px; font-weight:600; padding:0 0 8px; }
.nutr-txt li:nth-child(2) { border-left:none; padding-left:0; }
.nutr-txt li { border-left:1px solid #dee2e6; display:inline-block; font-size:14px; margin:0 0 8px; padding:0 15px; position:relative; }

.nutr-txt li i { color:var(--main-color); cursor:pointer; position:absolute; right:0; top:3px; }
.infor-txt { background-color:#fff; box-shadow:0 0 4px #999; display:none; left:0; position:absolute; top:5px; min-width:150px; z-index:1; }
.nutr-txt .infor-txt li { border-left:none; display:block; margin:0; padding:4px 12px; }
.nutri-sec .nutr-txt .infor-txt li:first-child { font-size:12px; font-weight:normal; text-transform:capitalize; }
.nutr-txt li:hover .infor-txt { display:block; }
.nutr-txt li span { display:block; font-size:16px; padding:3px 0 0; }
.step-box-1 .nutr-txt { padding:12px 0 0; }

.review-box h4 { border-bottom:1px solid #dee2e6; color:#2F2F2F; font-size:20px; font-weight:bold; margin:0; padding:15px; }
.review-box h4 a { background-color:var(--main-color); color:#fff; float:right; font-size:12px; font-weight:500; letter-spacing:0.05em; margin:-5px 0 0; padding:11px 12px 9px; text-transform:uppercase; }
.review-box h5 { color:#2F2F2F; font-size:15px; font-weight:600; margin:0; }
.review-box h5 strong { float:right; }
.review-box h5 i { font-size:13px; margin:0 0 0 5px; }
.review-box h5 strong em i { color:var(--main-color); }
.review-box h5 span { color:#8A8A8A; display:block; font-size:12px; font-weight:normal; padding:5px 0 0; }
.review-box ul { height:440px; overflow-y:scroll; }
.review-box li { border-bottom:1px solid #dee2e6; padding:18px 15px; }
.review-box li p { color:#000; font-size:12px; line-height:1.6; margin:10px 0 0; }

.recipe-txt { background-color:#eee; }
.recipe-txt h3 { border-bottom:1px solid #aaa; color:#2F2F2F; font-size:25px; font-weight:600; margin:0 0 18px; padding:0 0 18px; text-align:center; }
.cart-box .dropdown-toggle { margin:0 20px 0 0; }
.cart-box .dropdown-toggle span { align-items:center; background-color:var(--main-color); border-radius:50%; color:#fff; display:flex; height:18px; justify-content:center; position:absolute; right:12px; top:-12px; width:18px; }
.cart-box li { clear:both; }
.cart-box li img { float:left; width:55px; }
.cart-box li p { color:#4F4F4F; font-size:13px; font-weight:500; margin:0 0 5px 65px; }
.cart-box li span { display:block; font-size:11.5px; font-weight:normal; }
.go-btn { background-color:#2F2F2F; color:#fff !important; display:block; font-size:12px; font-weight:500; margin:10px 15px; padding:10px 14px 7px; text-align:center; text-transform:uppercase; }
.check-btn { background-color:var(--main-color); color:#fff; display:inline-block; font-size:14px; margin:15px 0 0; padding:10px 18px; text-transform:uppercase; }
.check-btn i { margin:0 5px 0 0; }
.ch-box .modal-content, .ch-box-1 .modal-content, .step-sec .modal-content, .ch-box-2 .modal-content, .order-txt .modal-content, .invent-txt .modal-content { background-color:#fff; border-radius:0; padding:30px 45px; }
.ch-box .modal-header, .ch-box-1 .modal-header, .step-sec .modal-header, .ch-box-2 .modal-header, .order-txt .modal-header, .invent-txt .modal-header { border-bottom:none; display:block; padding:0; }
.ch-box .close, .ch-box-1 .close, .step-sec .close, .ch-box-2 .close, .invent-txt .close { color:#000; font-size:35px; font-weight:normal; margin:-15px -10px 0; outline:none; padding:0; opacity:1; text-shadow:none; }

.ch-box p { color:#232323; font-size:16px; font-weight:500; line-height:1.6; margin:0 0 25px; }
.ch-box a, .ch-box-1 a, .next-btn, .add-btn-1, .pk-btn { background-color:var(--main-color); border:none; border-radius:5px; color:#fff; display:inline-block; font-size:17px; margin:0 8px 3px 0; padding:8px 35px; }
.ch-box .del-btn, .next-btn.del-btn, .pk-btn.del-btn { background-color:#2F2F2F; margin:0 0 5px; }
.ch-box-1 h3 { color:#2F2F2F; font-size:26px; font-weight:bold; margin:0; }
.ch-box-1 h6 { font-size:17px !important; font-weight:500; margin:24px 0 !important; }
.add-txt { height:300px; overflow-y:scroll; }
.ch-box-1 .add-box, .dt-main .add-box { margin:0 0 12px; position:relative; }
.ch-box-1 a { display:block; margin:12px 0 0; text-align:center; }
.ch-box-1 .col-lg-6 h6 { margin:12px 0 10px !important; }
.ch-box-1 .box { margin:0 0 3px !important; }
.dd { color:var(--main-color); margin-top:14px; position:absolute; right:28px; }
.ch-box-2 h3 { color:#454545; font-size:24px; font-weight:bold; margin:0 0 18px; text-align:center; }
.ch-box-2 h6 { color:#6D6D6D !important; font-size:18px !important; text-align:center; }
.ch-box-2 h6 a { font-weight:500; }
.ch-box-2 .box { background-position:95%; color:#5C5C5C; font-size:19px; height:55px; padding:13px 20px; }
.add-btn-1 { display:block; font-size:15px; margin:38px auto 0; padding:10px 0; text-align:center; width:190px; }
.prev_links.profile_btn { margin:18px 0 0; }

.rcp-txt-1 { cursor:pointer; }
.order-txt .close { background-color:var(--main-color); border-radius:50%; color:#fff; font-size:40px; font-weight:300; height:60px; margin:0; opacity:1; outline:none; padding:5px 0 0; position:absolute; right:-25px; top:-25px; text-shadow:none; width:60px; }
.order-txt h3 { color:#000; font-size:25px; font-weight:bold; margin:20px 0 50px; text-transform:uppercase; }
.order-txt h3 span { background-color:var(--main-color); border-radius:30px; color:#fff; float:right; font-size:14px; font-weight:500; margin:-6px 0 0; padding:12px 25px; }
.order-txt h4 { clear:both; color:#000; font-size:25px; font-weight:bold; margin:0; padding:40px 0 20px; text-transform:uppercase; }

.ord-txt li { border-top:2px dashed #828282; color:#888; float:left; font-size:14px; font-weight:500; padding:18px 0 0; position:relative; width:20%; }
.ord-txt li:first-child, .ord-txt li:nth-child(2) { border-top:2px dashed var(--main-color); color:#000; }
.ord-txt li:nth-child(3) { color:#000; }
.ord-txt li::before { background-color:#fff; border:1px solid #828282; border-radius:50%; content:''; height:14px; left:0; position:absolute; top:-8px; width:14px; }
.ord-txt li:first-child::before, .ord-txt li:nth-child(2)::before, .order-t li:nth-child(3)::before { background-color:var(--main-color); border:none; }
.ord-txt li:last-child { border:none; padding:20px 0 0; }
.ord-txt li h5 { color:#4F4F4F !important; font-size:12px !important; margin:25px 0 0 !important; }
.ord-txt li h5 span { display:block; padding:8px 0 0; }
.ord-txt li .com-txt { background-color:var(--main-color); border-radius:30px; color:#fff; display:inline-block; margin:25px 0 0; padding:5px 15px; }

.ord-txt-1 { align-items:center; border:1px solid #C4C4C4; display:flex; justify-content:space-between; }
.ord-txt-1 h5 { color:#2F2F2F !important; font-size:18px !important; font-weight:bold !important; margin:0 20px !important; }
.ord-txt-1 h5 a { border:1px solid #CACACA; border-radius:2px; color:#5B5B5B; font-size:15px; font-weight:500; display:block; margin:15px 0 0; padding:7px 0; text-align:center; width:100px; }
.ord-txt-1 h5 a:hover { background-color:var(--main-color); border:1px solid var(--main-color); color:#fff; }
.ord-txt-1 h6 { border-bottom:none !important; border-left:1px solid #C4C4C4; font-size:14px !important; font-weight:600; margin:0 !important; padding:20px 0 !important; text-align:center; }
.ord-txt-1 h6 span { border-bottom:1px solid #C4C4C4; color:var(--main-color); display:block; font-size:30px; font-weight:bold; margin:0 0 18px; padding:0 30px 14px; }
.ord-box { border:1px solid #C4C4C4; margin:0 0 15px; padding:10px 15px; }
.ord-img { float:left; position:relative; }
.ord-img i { background-color:#fff; border:1px solid #c1c1c1; border-radius:50%; box-shadow:0 4px 4px rgba(0,0,0,0.25); color:var(--main-color); font-size:13px; height:25px; padding:6px 0 0; position:absolute; right:-8px; text-align:center; top:22px; width:25px; }
.ord-box p { color:#000; font-size:13px; margin:0 0 0 72px; }
.order-txt .col-xl-5 .ord-box p { margin:0 0 0 55px; }
.ord-box p span { display:block; font-size:17px; font-weight:600; }
.order-txt#myModal-6 .col-lg-4 h3 { margin:20px 0; }
.order-txt .inter { margin:0 0 15px; }
.order-txt .inter th, .order-txt .inter td { border-right:1px solid #e6eaee; }
.order-txt .inter td:last-child { color:#219653; font-weight:500; }

.invent-txt h5, .invent-txt select { margin:0 !important; }
.invent-txt select { background-position:95%; padding:10px 15px 15px 55px; }
.cup-img { left:35px; position:absolute; top:10px; }
.invent-txt .sr-box-1 .box-3 { width:100%; }
.invent-txt .sr-btn { left:18px; }
.invent-txt .sr-box-1 { margin:0 0 28px; }

.add-img { border:1px solid #BBBCBB; display:flex; }
.add-img li { padding:4px; text-align:center; }
.add-img li label { margin:0; }
.add-img li img { float:left; }
.add-img li h5 { font-size:15px; font-weight:bold; padding:0 0 15px; text-transform:none; }
.add-img li h6 { color:#828282 !important; display:inline-block; margin:18px 0 0 10px !important; text-align:left; }
.add-img li h6 span { color:#2F2F2F; display:block; font-size:20px; font-weight:bold; }
.add-img li:nth-child(2), .add-img li:nth-child(3) { border-left:1px solid #BBBCBB; margin:0 auto; padding:15px; }

.dt-main .modal-dialog { max-width:625px; }
.dt-main .modal-body { padding:15px 30px 30px; text-align:center; }
.dt-main .cart-tab td:last-child { width:150px; }
.dt-main .cart-tab td input { background-color:transparent; border:none; display:inline-block; height:32px; margin:0 0 0 4px; padding:0; text-align:center; width:32px; }
.dt-main .cart-tab td input:focus { background-color:transparent; border-color:transparent; box-shadow:none; }
.dt-main h3 { color:#232323; font-size:28px; font-weight:bold; margin:28px 0 18px; }
.dt-main h4 { color:#2F2F2F; font-size:27px; font-weight:bold; margin:0 0 20px; text-align:left; }
.dt-main h5 { color:#232323; font-size:17px; margin:0 0 15px; text-align:left; }
#pickupModel.dt-main .pk-btn, #deliveryModel.dt-main .pk-btn { border:none; display:block; margin:25px 0 0; }
.dt-main .add-box p label { margin:0; }
.dt-main .add-box.active { border:1px solid green; }
.dt-main .add-box .fa-check { color:green; display:none; position:absolute; right:10px; top:3px; }
.dt-main .add-box.active .fa-check { display:block; }
.dt-main .modal-body p, .dt-main .modal-body .add-txt li { color:#000; font-size:14px; margin:0 0 5px; text-align:left; }

/******************************* recipe-detail-new page CSS start here *******************************/
.recipe-section.rcp-new { background-color:#f5f5f5; background-image:none; padding:25px 0; }
.rcp-new .recipe-box { box-shadow:0 8px 18px rgba(0,0,0,0.25); }
.rcp-play { align-items:center; display:flex; justify-content:center; position:relative; }
.rcp-play a { align-items:center; background-color:var(--main-color); border-radius:50%; color:#fff; display:flex; font-size:18px; height:55px; left:0; justify-content:center; margin:0 auto; position:absolute; right:0; width:55px; }
.rcp-new .recipe-box .rt-img { border-radius:50%; height:28px; width:28px; }
.rcp-new .recipe-box h6 { color:#818181; display:inline-block; font-size:14px; font-weight:normal; margin:0 0 0 4px; }
.rcp-new .recipe-box h6 span { color:#2F2F2F; font-weight:600; }

.nutri-sec { background-color:#f5f5f5; padding:35px 0; }
.nutri-sec h3 { color:#2F2F2F; font-size:26px; font-weight:bold; margin:0 0 14px; text-transform:uppercase; }
.nutri-sec h4 { color:#2F2F2F; font-size:15px; font-weight:bold; margin:15px 0 28px; text-transform:uppercase; }
.nutri-sec .col-lg-8 p { border-bottom:1px solid #BDBDBD; color:#464646; font-size:14px; line-height:2.1; margin:0; text-transform:capitalize; }

.nutri-sec #accordion h4 { color:#000; margin:20px 0 0; }
.nutri-sec .card { border:1px solid #f0f0f0; border-radius:0; margin:8px 0 0; }
.nutri-sec .card-header { background-color:#fff; border-radius:0; font-size:14px; padding:10px; }
.nutri-sec .card-header a { color:#2F2F2F; display:block; outline:none; }
.nutri-sec .card-header a span { color:#000; font-weight:600; margin:0 0 0 8px; }
.nutri-sec .card-header a::after { content:"+"; font-family:'FontAwesome'; font-size:20px; font-weight:900; position:absolute; right:10px; top:5px; }
.nutri-sec .card-header a[aria-expanded="true"]::after { content:"-"; }
.nutri-sec .card-body { background-color:#F1EBF1; color:#2F2F2F; font-size:13px; padding:10px 10px 5px 10px; }
.nutri-sec .card-body li { padding:0 0 5px; text-transform:capitalize; }
.nutri-sec .card-body li span { color:#000; font-weight:500; }

.cook-txt { border:1px solid #C4C4C4; margin:0 0 28px; }
.cook-txt li { color:#464646; display:inline-block; font-size:20px; padding:12px 0 10px 25px; text-transform:uppercase; width:49%; }
.cook-txt li span { color:#2F2F2F; display:block; font-size:15px; font-weight:bold; padding:0 0 2px; }
.cook-txt li:last-child { border-left:1px solid #C4C4C4; }
.nutri-sec .nutr-txt { padding:15px 0 0; }
.nutri-sec .nutr-txt li:first-child { font-weight:bold; margin:0; text-transform:uppercase; }
.nutri-sec .rcp-txt { border-right:none; float:none; padding:0; width:auto; }
.nutri-sec .rcp-txt li { color:#464646; font-size:14px; padding:0 0 12px; }
.nutri-sec .rcp-txt label { float:left; margin:0; width:90px; }
.nutri-sec .rcp-txt p { font-weight:600; margin:0 0 0 18px; }
.nutr-txt li:last-child { border-left:none; display:block; margin:0; padding:0; }
.nutr-txt li:last-child li { border:none; display:inline-block; padding:0 10px 0 0; }
.nutri-sec .nutr-txt li:last-child li strong { color:#f00; display:block; font-size:13px; font-weight:normal; padding:0 0 10px; text-transform:capitalize; }
.nutr-txt li:last-child li img { background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(51, 51, 51, 0.7) 100%); border:1px solid #999; border-radius:4px; box-shadow:0 2px 5px 0 #999; padding:5px; width:100px; }

.rcp-step { background-color:#f5f5f5; padding:50px 0; }
.rcp-step:nth-child(2n+2) { background-color:#EAEAEA; }
.rcp-step h3 { background-color:var(--main-color); color:#fff; font-size:18px; font-weight:bold; margin:0 0 60px; padding:12px; text-align:center; text-transform:uppercase; }
.rcp-step h4 { color:#4A4A4A; font-size:18px; font-weight:bold; line-height:0.7; margin:0; text-transform:uppercase; }
.rcp-step h4 label { float:left; font-size:70px; font-weight:300; margin:5px 0 0; vertical-align:top; }
.rcp-step h4 span { display:block; line-height:1.4; margin:0 0 0 55px; }
.rcp-step h6 { border:1px solid #C4C4C4; color:#707070; font-size:14px; font-weight:normal; line-height:1.7; margin:30px 0 0 47px; padding:8px 20px 8px 50px; position:relative; }
.rcp-step h6 span { align-items:center; background-color:#464646; border-radius:50%; color:#fff; display:flex; font-size:12px; flex-direction:column; height:80px; justify-content:center; left:-40px; line-height:1.2; padding:12px 0 0; position:absolute; top:-8px; width:80px; }
.rcp-step h6 strong { display:block; font-size:35px; }
.rcp-step p { color:#707070; font-size:14px; line-height:1.8; margin:0 0 0 55px; }
.rcp-step ul { margin:10px 0 15px 70px; }
.rcp-step li { color:#464646; font-size:15px; list-style:circle; padding:0 0 7px; }
.rcp-play img { height:200px; }

/******************************* virtual page CSS start here *******************************/
.virtual-bg { background-image:url(../../images/new_images/virtual-bg.jpg); background-position:top center; background-size:cover; padding:100px 0 120px; text-align:center; }
.virtual-bg h3 { color:#fff; font-size:48px; font-weight:bold; margin:0 0 12px; text-transform:uppercase; }
.virtual-bg p { color:#fff; font-family:Lancelot; font-size:35px; line-height:1.2; margin:0; }

.meal-sec { margin:-65px 0 0; padding:0 0 35px; text-align:center; }
.meal-sec p { color:#4F4F4F; font-size:13px; line-height:1.7; margin:10px 0; }
.meal-sec p span { color:#000; display:block; font-size:19px; font-weight:bold; padding:0 0 5px; }

.virt-sec { background-color:#F1F1F1; padding:50px 0; }
.virt-sec h3 { color:#000; font-size:38px; font-weight:bold; margin:0 0 38px; text-align:center; }
.virt-sec .rcp-box { background-color:transparent; border:1px solid #9C9C9C; box-shadow:none; height:auto; }

.view-box { border:1px solid #9C9C9C; margin:0 0 10px; padding:10px; }
.vw-img { border:5px solid #dbdbdb; border-radius:50%; float:left; height:120px; width:120px; }
.view-txt { margin:14px 0 0 135px; }
.view-txt h4 { color:var(--main-color); font-size:21px; margin:10px 0 0; }
.view-txt h5 { color:#9A9A9A; font-size:12px; font-weight:normal; margin:8px 0 15px; text-transform:uppercase; }
.view-txt h6 { color:#333; font-size:12px; font-weight:normal; margin:0; text-transform:uppercase; }
.view-txt h6 span { color:#828282; float:right; font-size:11px; margin:-12px 0 0; text-align:center; text-transform:none; }
.view-txt h6 b { background-color:#219653; border-radius:4px; color:#fff; display:block; font-size:18px; font-weight:normal; letter-spacing:0.095em; margin:0 0 5px; padding:3px 18px; }
.view-txt ul { border:1px solid #9C9C9C; margin:0 0 14px; }
.view-txt li { color:#7A7A7A; display:inline-block; font-size:12px; padding:5px 12px; width:48%; }
.view-txt li:first-child { border-right:1px solid #9C9C9C; }
.view-txt li span { color:#2F2F2F; display:block; font-size:13px; font-weight:500; padding:3px 0 0; }
.view-txt button { background-color:var(--main-color); border:none; color:#fff; display:inline-block; font-size:12.5px; padding:7px 14px 5px; }
.view-txt button img { margin:-4px 5px 0 0; }

/******************************* vk-profile page CSS start here *******************************/
.chat-sec { border:1px solid #BDBDBD; margin:60px 0; position:relative; }
.chat-sec h3 { bottom:130px; font-size:18px; font-weight:600; margin:0; position:absolute; right:35px; }
.chat-sec h3 a { background-color:var(--main-color); border-radius:30px; box-shadow:0 4px 4px rgba(0,0,0,0.25); color:#fff; display:block; padding:14px 35px; }
.chat-sec li { border-left:1px solid #BDBDBD; display:inline-block; padding:23px 35px; }
.chat-sec li:first-child { border-left:none; padding:0 0 0 20px; }
.chat-sec li img { border:8px solid #fff; border-radius:50%; float:left; margin:-55px 0 0; }
.chat-sec li h4 { color:#333; display:inline-block; font-size:13px; font-weight:normal; margin:18px 0 0 18px; text-transform:uppercase; }
.chat-sec li h4 span { color:var(--main-color); display:block; font-size:28px; font-weight:500; padding:8px 0 0; text-transform:none; }
.chat-sec li h5 { color:#7A7A7A; font-size:15px; font-weight:normal; margin:0; }
.chat-sec li h5 span { color:#2F2F2F; display:block; font-size:18px; font-weight:500; padding:6px 0 0; }
.chat-sec li i { color:var(--main-color); font-size:25px; padding:0 7px; text-align:center; }
.chat-sec li i:last-child { color:#696969; }
.chat-sec li i span { color:#585858; display:block; font-family:Poppins; font-size:12px; padding:12px 0 0; }
.vk-sec .recent-box { background-color:transparent; margin:0 0 25px; }

.menu-sec { padding:45px 0; text-align:center; }
.menu-sec h3 { color:#000; font-size:28px; margin:0 0 25px; text-transform:uppercase; }
.menu-sec .nav-tabs { border:1px solid #dee2e6; display:inline-block; margin:0 0 48px; }
.menu-sec .nav-tabs li { display:inline-block; }
.menu-sec .recent-box { margin:0 0 10px; }
.tab-sec-1 .select2-selection {	background-color:#F2F2F2 !important; border:1px solid #c4c4c4 !important; border-radius:0 !important; height:45px !important; padding:7px !important; }
.dash-box .col-md-12 .form-group label.browse-btn { width:100%; }

/******************************* recipe-step-1 page CSS start here *******************************/
.step-sec { background-color:#f0f0f0; padding:50px 0; }
.step-box { background-color:#fafafa; box-shadow:0 0 40px rgba(0,0,0,0.29); padding:45px; }
.step-box h3, .step-txt h3 { color:#2F2F2F; font-size:28px; font-weight:bold; margin:0 0 30px; text-transform:uppercase; }
.step-box h5 { border-bottom:1px solid #949494; color:#797979; font-size:15px; font-weight:normal; margin:0 0 25px; padding:0 0 10px; position:relative; }
.step-box h5::after { border-bottom: 3px solid var(--main-color); bottom:0; content:''; left:0; position:absolute; width:100px; }
.step-box h6 { color:#454545; font-size:19px; margin:15px 0 0; }
.step-box .rcp-txt1 { display:inline-block; margin:0 25px 0 0; }
.step-box .box { display:inline-block; width:160px; }
.step-box ul { border-bottom:1px solid #828282; height:210px; overflow-y:scroll; margin:30px 0 15px; }
.step-box li { border:1px solid #C4C4C4; color:#565656; cursor:pointer; float:left; font-size:14px; margin:0 16px 20px 0; padding:9px 18px 12px; width:48%; }
.step-box li.active, .step-box li:hover { border:1px solid var(--main-color); }
.step-box li img { float:left; }
.step-box li p { margin:3px 0 0 40px; }
.step-sec .modal-header h3 { color:#232323; font-size:24px; font-weight:600; margin:0 0 28px; text-align:center; }
.step-sec .modal-body .inter { height:300px; overflow-y:scroll; }
.step-sec .cart-tab td:first-child { color:#454545; font-size:14px; font-weight:500; width:50%; }
.step-sec .cart-tab td input { float:left; margin:4px 0 0; }
.step-sec .cart-tab td:first-child span { display:block; padding:0 0 0 28px; }
.app-btn { background-color:var(--main-color); border-radius:3px; color:#fff; display:block; font-size:14px; margin:15px 0 0; padding:8px 0; text-align:center; }
.step-box .next-btn.del-btn { margin:0 15px 0 0; }
.st-txt { background-color:#E8E8E8; border:1px solid #9C9C9C; color:#2E2C2C; display:inline-block; font-size:14px; font-weight:normal; margin:0 7px 20px 0; padding:15px 30px; }
.sr-box-1 { margin:0 0 100px; position:relative; }
.step-box .sr-btn { left:15px; }
.sr-box-1 .box-3 { border:1px solid #9C9C9C; border-radius:0; display:inline-block; margin:0 8px 0 0; width:35%; }
.add-btn { background-color:#2F2F2F; color:#fff; display:inline-block; font-size:16px; padding:10px 20px; }
.add-btn img { padding:0 7px 0 0; }
.add-btn:hover { background-color:var(--main-color); color:#fff; }
.st-box, .st-txt-1 .row { padding-bottom:100px; }
.st-box .et-btn { background-color:var(--main-color); bottom:8px; color:#fff; right:15px; top:auto; }
.st-box p { color:#747474; font-size:12px; margin:8px 35px 0 0; }
.st-box p span { color:#454545; font-size:14px; font-weight:500; padding:0 4px 0 0; }
.step-box .recp-box h5 { border-bottom:none; }

.st-txt-1 h6, .step-txt h6 { color:#221F20; font-size:15px; font-weight:normal; line-height:1.5; margin:0 0 40px; }
.st-txt-1 .col-lg-4 h6 { margin:0 0 17px; }
.st-txt-1 label, .step-txt label, .menu-bro label { border:1px solid #BBBCBB; cursor:pointer; width:100%; }
.st-txt-1 label strong, .step-txt label strong, .dash-box label strong, .menu-bro label strong { background-color:var(--main-color); color:#fff; float:right; font-weight:normal; padding:7px 20px; }
.menu-bro label strong { padding:9.5px 20px; }
.dash-box .col-md-12 .form-group label { border:none; cursor:auto; width:auto; }
.file_display, .file_display:focus { background-color:transparent; border:none; box-shadow:none; padding:0; position:absolute; width:60%; }
.fv-form-bootstrap .help-block { display:block; padding:5px 0 0; }
.price-tab { background-color:#fff; }
.price-tab th { background-color:#fff; color:#454545; font-weight:600; }
.price-tab th, .price-tab td { border-right:1px solid #e6eaee; font-size:14px; }
.price-tab td:first-child { padding:10px 45px 10px 10px; position:relative; text-transform:uppercase; }
.price-tab th:last-child, .price-tab td:last-child, .price-tab tr:last-child { text-align:center; }
.price-tab td i { background-color:var(--main-color); border-radius:50%; box-shadow:0 0 4px #555; color:#fff; font-size:14px; height:27px; padding:7px 0 0; position:absolute; right:10px; text-align:center; top:7px; width:27px; }

.step-txt .modal-body .inter { height:auto; overflow-y:auto; }
.step-txt h6 { margin:0 0 10px; }
.step-txt .st-txt { margin:0 0 14px; padding:12px 35px; }
.step-txt .cart-tab td:last-child { font-size:14px; }
.step-txt .cart-tab td:last-child i { height:27px; font-size:14px; width:27px; }


/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767px){
header { padding:5px 0; }
header .col-xl-2 { width:37%; }
header .col-xl-2:last-child { padding:0; text-align:right; width:47%; }
header .col-xl-8 { order:3; padding-left:8px; width:16%; }
.logo { width:85px; }
.log-btn, .sign-btn { font-size:13px; }
.sign-btn { margin-left:4px; padding:6px 18px; }
.banner { padding:51px 0 0; }
.main .carousel img { height:330px; }
.main h1 { font-size:26px; margin:0 0 8px; }
.main p { font-size:18px; margin:0 0 22px; }
.main .carousel-control-prev, .main .carousel-control-next, .vk-main .carousel-control-prev, .vk-main .carousel-control-next { bottom:35px; }
.main .carousel-control-prev, .vk-main .carousel-control-prev { right:35px; }
.main .carousel-control-prev::before, .main .carousel-control-next::before, .vk-main .carousel-control-prev::before, .vk-main .carousel-control-next::before { font-size:18px; height:30px; width:30px; }
.vk-main h1 { font-size:20px; margin:0 0 8px; }
.vk-main p { font-size:15px; margin:0 0 18px; }
.exp-btn, .vir-box a, .pickup-box button, .become-sec button { padding:10px 25px 8px; width:auto; }
.outer, .virtual-sec, .recipe-sec, .pickup-sec, .become-sec { padding:40px 0; }
.outer li:nth-child(2), .outer li:nth-child(4), .outer li:nth-child(6), .recipe-sec .col-md-2, .ord-txt li::before, .mob-sild { display:none; }
.outer li:nth-child(3), .outer li:nth-child(5), .outer li:last-child { margin:0; top:0; }
.outer li img { width:75px; }
.outer li p { font-size:12px; line-height:1.7; margin:0 0 0 78px; padding:0; }
.outer li p span, .recent-box h5 { font-size:22px; }
.outer h4 { display:inline-block; font-size:18px; margin:0 0 25px; padding:10px 20px; position:relative; top:0; }
.outer h4::before { clip-path:polygon(50% 0, 78% 50%, 50% 100%); height:47px; }
.outer h3 { font-size:36px; line-height:1.1; margin:20px 0 0; }
.outer p, .become-sec p, .user-sec p { font-size:14px; line-height:1.8; }
.virtual-sec .col-lg-5:nth-child(3) { order:2; }
.vir-box { padding:35px 20px; }
.vir-box p, .pickup-box p { font-size:20px; line-height:1.4; margin:15px 0 25px; }
.recipe-sec h3, .recent-sec h3, .ck-sec h3 { font-size:32px; font-weight:600; margin:0 0 35px; }
.recipe-sec .owl-prev::before { left:-5px; }
.recipe-sec .owl-next::before { right:-5px; }
.recent-sec { background-size:auto 250px; }
.pickup-box { display:block; padding:20px; }
.become-sec h3 { font-size:36px; font-weight:600; }
.become-sec button { margin:0 10px 10px; }
footer h3 { margin:10px 0 18px; }

/******************************* sign-up page media start here *******************************/
.signup-sec { padding:40px 0; }
.signup-box { margin:0 0 30px; }
.signup-box, .signup-sec form { padding:25px 20px; }
.signup-box h3, .signup-sec form h3, .user-sec h3 { font-size:24px; }
.signup-box h4 { font-size:14px; padding:14px; }
.signup-txt form h5 { font-size:13px; margin:20px 0; }
.signup-sec.signup-txt .modal-content { padding:15px; }
.signup-txt .ing-dairy h3 { font-size:20px; padding:0 0 10px; }

/******************************* user page media start here *******************************/
.user-sec form { padding:35px 20px; }

/******************************* profile page media start here *******************************/
.log-box .dropdown-menu { margin:44px 0 0; }
.pro-box .col-lg-10 .nav-tabs li a { font-size:13px; padding:10px 7px; }
.name-txt { margin:45px 0 0 8px; }
.add-box { height:auto; margin:0 0 10px; }
.pro-box h5 { margin:0 0 15px; }
.pro-box h6 { font-size:15px; margin:15px 0 10px 8px; }
.pro-box .col-lg-10 .tab-content .tab-content { padding:24px 15px; }
.pro-box .col-lg-10 .tab-content .tab-content .box { height:38px; margin:0 0 15px; }
.cart-tab td h5 { font-size:14px; }
.cart-tab td h5 span { font-size:20px; }
#tab16 .recp-box a, #tab25 .recp-box a, #tab26 .recp-box a { height:135px; }
#tab13 .recp-box a, #tab28 .recp-box a, .st-box .recp-box a { height:215px; }
.earn-box { margin:10px 0 0; }
.inter.earn-txt select { width:100px; }
.sr-box li:nth-child(2) i { margin:0; }
.sr-box li:nth-child(2), .sr-box li:last-child { display:inline-block; }
.sr-box li:last-child { margin:0 0 15px; position:relative; top:4px; }
.sr-box .log-box .dropdown-menu { left:-60px !important; right:auto; width:260px; top:20px !important; }
.chat-box ul { /*border-bottom:1px solid #ccc;*/ height:200px; margin:10px 0; }
.chat-box .userListDesktop{ display: none; }
.chat-main-box { height:200px; padding:0; }
.chat-box li.active { padding:3px 15px; }
.chat-box li.active p { padding:4px 0; }
.step-box { padding:18px; }
.step-box h3, .step-txt h3 { font-size:22px; margin:0 0 18px; }
.step-box .rcp-txt1 { margin:0 12px 12px 0; }
.sr-box-1 .box-3 { margin:0 0 15px; width:100%; }
.st-box p {	margin:8px 35px 15px 0; }
.st-box .et-btn { bottom:20px; }
.step-sec .close { margin:-15px 0 0; }
.step-sec .modal-content { padding:30px 12px; }
.ch-box-2 .box { background-position:92%; font-size:15px; height:45px !important; padding:11px 14px; }
.order-txt .close { height:45px; right:-9px; top:-9px; width:45px; }
.order-txt .modal-content { padding:10px 15px; }
.order-txt .col-lg-4 img { height:280px; }
.order-txt h3, .order-txt h4 { margin:20px 0; padding:0; }
.order-txt h3 span { display:inline-block; float:none; margin:10px 0 0; }
.ord-txt-1 h5 { margin:20px 0 !important; }
.ord-txt-1 h6 { border-left:none; padding:0 !important; text-align:left; }
.ord-txt-1 h6 span { border-bottom:none; margin:0 0 5px; padding:0; }
.ord-txt-1 { border:none; display:block; }
.ord-txt li .com-txt { margin:0 0 0 10px; }
.ord-txt li, .ord-txt li:first-child, .ord-txt li:nth-child(2), .ord-txt li:last-child { border-top:none; float:none; padding:0 0 15px; width:auto; }
.ord-txt li h5 { margin:10px 0 0 !important; }
.invent-txt .modal-content { padding:20px 15px; }
.invent-txt h5 { margin:0 0 15px !important; }
.invent-txt select { height:45px !important; margin:0 !important; }
.add-img { border-bottom:none; display:block; }
.add-img li:first-child { text-align:left; }
.add-img li:first-child, .add-img li:nth-child(2), .add-img li:nth-child(3) { border-bottom:1px solid #BBBCBB; border-left: none; }
.card-box h4 { margin:0 10px; }
.card-box h4 span { font-size:13px; }

/******************************* recipe page media start here *******************************/
.chef-sec h3 { font-size:35px; }
.rcp-box { font-size:14px; margin:0 4px; }
.recipe-sec-1 h2 { font-size:16px; }
.recipe-sec-1 h2 span { margin:-8px 0 0; padding:8px 7px; }
.collection-sec { padding:15px 0 30px; }
.collection-sec h3 { font-size:18px; }
.collection-sec h3 span { margin:-6px 0 0; }
.collection-sec h4 { font-size:20px; }

/******************************* range-slider media start here *******************************/
.accord-sec .close { margin:-8px -8px 10px !important; }
.recipe-sec-1 .accord-sec .modal-body { padding:0 10px 2px; }
.recipe-sec-1 .card-header strong { width:255px; }

/******************************* login-sec page media start here *******************************/
.login-sec form { padding:25px 20px 5px; }
.login-sec h3 { font-size:20px; }
.login-sec p { font-size:14px; margin:12px 0 18px; }

/******************************* recipe-detail page media start here *******************************/
.recipe-section { padding:30px 0; }
.recipe-box { padding:15px; }
#social-links ul { top:17px; }
.recipe-box a { letter-spacing:0; }
.tab-box .nav-tabs li a { font-size:14px; padding:10px 18px; }
.tab-box .tab-content { padding:22px 0 0; }
.rcp-txt { border-right:none; padding:0 18px; }
.review-box h4 { margin:15px 0 0; }
.ch-box .modal-content, .ch-box-1 .modal-content, .ch-box-2 .modal-content { padding:20px; }
.ch-box a, .pk-btn { font-size:16px; margin:0; padding:8px 28px; }
.dt-main .close { margin:-7px -7px 0 !important; }
.dt-main .modal-body { padding:5px 15px 30px; }
.dt-main h3 { font-size:22px; }

/******************************* recipe-detail-new page media start here *******************************/
.nutri-sec h3 { font-size:28px; }
.rcp-step h4 { margin:20px 0 0; }
.rcp-step h4 label { font-size:35px; font-weight:400; padding:0 10px 0 0; }
.rcp-step h4 span { margin:0 0 0 34px; }
.rcp-step h6 { margin:30px 0 0 40px; }
.rcp-step p { margin:0; }
.rcp-step ul { margin:10px 0 0 15px; }

/******************************* virtual page media start here *******************************/
.virtual-bg { padding:55px 0 85px; }
.virtual-bg h3, .virt-sec h3 { font-size:32px; }
.virtual-bg p, .ch-box-2 h3 { font-size:22px; }
.virt-sec .rcp-box { margin:0 0 20px; }
.vw-img { float:none; }
.view-txt { margin:20px 0 0; }
.vir-box h3, .pickup-box h3, .signup-box h3 span, .signup-sec form h3 span, .user-sec h3 span { font-size:27px; }

/******************************* vk-profile page media start here *******************************/
.chat-sec { margin:20px 0 35px; }
.chat-sec h3 { bottom:auto; font-size:15px; right:15px; top:15px; }
.chat-sec h3 a { padding:9px 20px; }
.chat-sec li { padding:8px 15px 5px; width:49%; }
.chat-sec li img { border:4px solid #fff; margin:-25px 0 0; width:95px; }
.chat-sec li h4 { margin:12px 0; }
.chat-sec li:first-child { border-bottom:1px solid #BDBDBD; padding:0 0 0 15px; width:100%; }
.chat-sec li:nth-child(2), .chat-sec li:nth-child(4) { border-left:none; }
.prev_links.profile_btn { text-align:center; }
.next-btn { margin:0; padding:8px 28px; }
}

@media (min-width:320px) and (max-width:1199px){
.mob-logo { margin:15px auto 12px; width:110px; }
header .navbar { display:block; padding:5px 0 0; text-align:right; }
header .navbar-expand-md .navbar-toggler { border-color:transparent; color:var(--main-color); padding:0; }
header .navbar-collapse { background-color:#fff; box-shadow:0 0 4px #999; height:100%; left:0; position:fixed; top:0; transform:translateX(-100%); transition:0.3s cubic-bezier(0.55,0,0.1,1); width:280px; z-index:11; -webkit-transform:translateX(-100%); -webkit-transition:0.3s cubic-bezier(0.55,0,0.1,1); }
header .collapse.show { transform:translateX(0); -webkit-transform:translateX(0); }
header .navbar-nav { padding:0 15px; text-align:left; }
header .navbar-toggler:focus { outline:none; }
header .navbar-toggler .icon-bar { background-color:#000; display:block; height:2px; margin:5px 0; outline:none; transition:all 500ms; width:25px; }
header .navbar-toggler:not(.collapsed) .icon-bar { position:relative; transition:all 300ms ease-in-out 0s; }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) { top:7px; transform:rotate(45deg); }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) { opacity:0; }
header .navbar-toggler:not(.collapsed) .icon-bar:last-child { top:-7px; transform:rotate(-45deg); }
header .navbar-expand-md .navbar-nav .nav-link, header .dropdown-menu li a { border-bottom:1px solid #cecece; font-size:13px; padding:9px; transition:none; }
header .navbar-nav .nav-link:hover, header .navbar-nav .show > .nav-link, header .dropdown-menu li a:hover { color:var(--main-color); }
header .navbar-nav .dropdown-menu li a { padding-left:20px; }
footer .col-lg-1 { display:none; }

/******************************* recipe-step-1 page media start here *******************************/
.step-box li { float:none; margin:0 0 15px; width:auto; }

/******************************* recipe-detail-new page media start here *******************************/
.cook-txt { margin:28px 0; }

/******Recipe page vk dashboard*****/
  .et-main { right: 8px;}
}

@media (min-width:480px) and (max-width:767px){
.recipe-sec .col-lg-3, footer .col-md-3, .manage-box .col-lg-4, .manage-box .col-xl-4.col-lg-6 { width:50%; }
.recent-box img { height:250px; }
.manage-box .col-lg-4, .manage-box .col-xl-4.col-lg-6 { margin:0 0 12px; padding:0 6px; }

/******************************* profile page media start here *******************************/
.manage-box h3 { font-size:25px; right:24px; top:5px; }
#tab13 .recp-box a { height:100%; }
.recp-txt .col-lg-4 { width:auto !important; }
.supp-txt { font-size:18px !important; }
.chat-sec li h4 { margin:12px 0 8px 15px; }
.nutri-sec .card-body ul { column-count:2; }
}

@media (min-width:768px){
header .col-xl-2:last-child { text-align:right; }
.outer h4 span { display:block; }
.virtual-sec .col-lg-7:first-child, .virtual-sec .col-lg-5:nth-child(3) { padding-right:0; }
.virtual-sec .col-lg-7:last-child, .virtual-sec .col-lg-5:nth-child(2) { padding-left:0; }
.pickup-sec .col-lg-6:first-child { padding-right:0; }
.pickup-sec .col-lg-6:last-child { padding-left:0; }
.mob-sild-1 { display:none; }

/*hide chat room member for mobile*/
  .chat-box .userListMobile{ display: none; }

/******************************* profile page media start here *******************************/
.pro-box .col-lg-2 { border-right:1px solid #BBBCBB; max-width:20%; padding-right:0; }
.pro-box .col-lg-10 { max-width:80%; padding-left:0; }
.pro-box .col-lg-10 .nav-tabs li:first-child { margin:0 0 0 40px; }
.pro-box #tab7 .col-lg-6:last-child, .pro-box #tab21 .col-lg-6:last-child { align-self:center; text-align:right; }
.sr-box { display:flex; }
.chat-box .col-lg-6:first-child { border-right:1px solid #B6B6B6; }
.step-txt .modal-dialog { max-width:750px; }
.step-txt .col-lg-6:first-child { border-right:1px solid #BBBCBB; }
.step-txt .cart-tab td:first-child { width:auto; }
.order-txt .modal-dialog { max-width:90%; }
.order-txt .col-lg-4 img { height:98%; }

/******************************* recipe page media start here *******************************/
.recipe-sec-1 .container { max-width:100%; }
.recipe-sec-1 .col-xl-3 { padding-left:0; }
.rcp-box { background-color:#fff; box-shadow:10px 10px 30px rgba(0,0,0,0.35); height:100%; }
.rcp-txt { float:left; width:50%; }
.cart-box .dropdown-menu { left:auto !important; margin:51px 0 0; right:0; }
.ch-box-1 .modal-dialog { max-width:600px; }
.chat-sec ul { display:flex; justify-content:space-between; }
.menu-sec .col-lg-4 { padding:0 5px; }
.order-txt#myModal-6 .col-lg-4 img { height:auto !important; }
.invent-txt .modal-dialog { max-width:750px; }
.invent-txt hr { margin:28px -45px; }
.step-box-1 .video-txt li { float:left; padding:0 8px 0 0; width:33.33%; }
.nutri-sec .card-body ul { column-count:3; }

/******************************* range-slider media start here *******************************/
.recipe-sec-1 .accord-sec .modal-dialog { max-width:750px; }
}

@media (min-width:768px) and (max-width:991px){
.log-box .dropdown-menu { margin:58px 0 0; }
.main h1, .vk-main h1 { font-size:30px; }
.outer { padding:38px 0 100px; }
.outer h4 { top:18%; }
.outer h3 { margin:-80px 0 0; }
.vir-box, .pickup-box { padding:40px 25px; }
.vir-box h3 { font-size:33px; margin:25px 0 0; }
.vir-box p { font-size:24px; margin:15px 0 30px; }
.recipe-sec .owl-prev::before { left:-25px; }
.recipe-sec .owl-next::before { right:-25px; }
.recent-box .rt-txt img { height:28px; width:28px; }
.pickup-box h3 { font-size:33px; }
.pick-img { height:100%; }
.pickup-box p { font-size:22px; line-height:1.2; margin:15px 0 28px; }
footer p, footer li { font-size:18px; }

/******************************* sign-up page media start here *******************************/
.signup-box { margin:0 0 30px; }

/******************************* profile page media start here *******************************/
.pro-box .col-lg-2 { max-width:25%; }
.pro-box .col-lg-10 { max-width:75%; }
.pro-txt { font-size:20px; padding:25px; }
.pro-box .col-lg-2 .nav-tabs li img { width:20px; }
.pro-box .col-lg-2 .nav-tabs li a, .cart-tab td h5 { font-size:16px; }
.pro-box .col-lg-2 .nav-tabs li span { padding:0 0 0 30px; }
.pro-box .col-lg-10 .nav-tabs li:first-child { margin:0 0 0 25px; }
.pro-box .col-lg-10 .nav-tabs li a { font-size:13px; padding:7px 8px; }
.name-txt { margin:45px 0 0 25px; }
.cart-tab td h5 span { font-size:24px; }
.pro-box h6 { font-size:15px; margin:24px 0 18px 25px; }
.pro-box .inter.earn-txt tr:first-child td:nth-child(2), .pro-box .inter.earn-txt tr:first-child td:nth-child(3) { width:25%; }
.earn-box { margin:10px 0 0; }
#tab16 .recp-box a, #tab25 .recp-box a, #tab26 .recp-box a { height:135px; }
#tab28 .recp-box a { height:216px; }
.box-4 { width:78%; }
.recipe-sec-1 .modal-dialog, .signup-sec .modal-dialog { max-width:97%; }
.order-txt .col-lg-4 img { height:280px; }

/******************************* virtual page media start here *******************************/
.virtual-bg h3 { font-size:40px; }
.virtual-bg p { font-size:28px; }

/******************************* vk-profile page media start here *******************************/
.chat-sec li:first-child { padding:0 0 0 10px; }
.chat-sec li { padding:15px 10px; }
.chat-sec li img { border:4px solid #fff; margin:-15px 0 0; width:95px; }
.chat-sec li h4 { margin:18px 0 0 10px; }
.chat-sec li h4 span { font-size:20px; }
.chat-sec li h5 span { font-size:13px; }
.virt-sec.vk-sec .col-lg-6 { padding:0 4px; }
.vk-sec .recent-box h5 { font-size:20px; }
}

@media (min-width:768px) and (max-width:1199px){
.logo { margin:7px 0; }
header .col-xl-8 { order:2; }
header .navbar-expand-md .navbar-toggler { display:inline-block; }
header .navbar-expand-md .navbar-collapse, header .navbar-nav { display:block !important; }
header .navbar-expand-md .dropdown-menu { position:relative !important; }
.banner { padding:80px 0 0; }
}

@media (min-width:992px){
header.smaller .navbar-expand-md .navbar-nav .nav-link { padding:27px 18px; }
header .navbar { float:right; padding:0; }
header .collapse ul li:hover > ul { display:block; }
header .collapse ul ul { background-color:#fff; border-top:2px solid var(--main-color); box-shadow:0 0 2px #333; left:18px; }
header .dropdown-menu li a:hover { background-color:#363636; color:#fff; }
.recipe-sec .col-lg-3 { flex:0 0 20%; max-width:20%; }

/******************************* profile page media start here *******************************/
.recp-txt .col-xl-8, .recp-txt .col-lg-8 { padding-right:0; }
.recp-txt .col-xl-4, .recp-txt .col-lg-4 { padding-left:0; padding-right:8px; text-align:right; }
.recipe-sec-1 .modal-dialog, .signup-sec .modal-dialog, .register-sec .modal-dialog { max-width:80%; }
.summary-txt { border-left:2px solid #dee2e6; height:100%; padding:0 30px; }
.order-txt#myModal-6 .col-lg-4 { border-left:1px solid #C4C4C4; }

/******************************* recipe-detail page media start here *******************************/
.recipe-sec .col-md-2 { display:none; }
.recipe-section .col-xl-8, .recipe-tab .col-lg-8 { padding-right:0; }
.recipe-section .col-xl-4, .recipe-tab .col-lg-4 { padding-left:0; }
.recipe-tab .col-lg-4 { border-left:1px solid #dee2e6; margin:-8px 0 0 -1px; }
.recipe-section .col-xl-8 img { height:353px; }
.cart-box li a:hover p, .cart-box li a:hover p span { color:#fff !important; }

/******************************* virtual page media start here *******************************/
.virt-sec .col-lg-6:first-child { padding-right:5px; }
.virt-sec .col-lg-6:last-child { padding-left:5px; }
.virt-sec.vk-sec .col-lg-6 { padding:0 15px; }
}

@media (min-width:992px) and (max-width:1239px){
header .navbar-expand-md .navbar-nav .nav-link, header.smaller .navbar-expand-md .navbar-nav .nav-link { font-size:13px; padding:32px 10px; }
header .collapse ul ul { left:10px; }
.sign-btn { margin-left:15px; padding:10px 18px 8px; }
.main h1, .vk-main h1 { font-size:35px; }
.outer h4 { padding:25px 18px; }
.outer li p span { font-size:25px; }
.outer h3 { font-size:38px; margin:25px 0 0; }
.vir-box { padding:50px; }
.recipe-sec img { height:160px; width:160px; }
.recent-box h5 { font-size:20px; }
.pickup-box { padding:0 35px; }
.vir-box h3 { font-size:40px; }

/******************************* sign-up page media start here *******************************/
.signup-box, .signup-sec form, .register-sec form { padding:25px 34px; }

/******************************* profile page media start here *******************************/
.pro-box .col-lg-2 .nav-tabs li a { font-size:17px; }
.pro-box .col-lg-10 .nav-tabs li a { padding:10px 25px; }
.recp-txt .col-xl-4, .recp-txt .col-xl-8 { padding:0 7px; text-align:left; }
.recipe-section img { height:100%; }

/******************************* virtual page media start here *******************************/
.vw-img { border:4px solid #dbdbdb; height:90px; width:90px; }
.view-txt { margin:14px 0 0 100px; }
.chat-sec li { padding:23px 12px; }
}

@media (min-width:1200px){
header .dropdown-toggle::after, .mob-logo { display:none; }
}

@media (min-width:1240px){
header .container, .outer .container, .virt-sec .container { max-width:1235px; }
.rcp-new .container, .nutri-sec .container, .rcp-step .container { max-width:1200px; }
}

@media (min-width:1600px){
.container, header .container, .outer .container, .virt-sec .container, .rcp-new .container, .nutri-sec .container, .rcp-step .container { max-width:80%; }
}