span.nonvagdot,
span.vagdot {
    float: right;
    position: relative
}

.category-box h3 {
    text-transform: capitalize;
    font-weight: 600
}

.btn_theme,
.btn_theme2:active,
.btn_theme2:focus,
.btn_theme2:hover,
.btn_theme:active,
.btn_theme:focus,
.btn_theme:hover {
    background: var(--button-color);
    color: var(--w) !important
}

.box_2,
.box_2 h4,
.box_3,
.box_4,
.branch_droup,
.check_b,
.link_1.ion_fot ul li,
.man_header,
.over_ff,
.produt_dt1,
.right_bar,
.right_us ul>li.cart_head>a {
    position: relative
}

.box_2 p,
.right_us ul>li.cart_head>a span {
    overflow: hidden;
    white-space: nowrap
}

.search_heder,
.sidenav {
    transition: var(--tr);
    transform: translateX(100%);
    right: 0
}

body,
html {
    overflow-x: hidden
}

a,
a:focus,
a:hover {
    text-decoration: none
}

.comp,
.comp:hover {
    text-decoration: underline
}

@font-face {
    font-family: PopR;
    src: url(../../assets/fonts/Poppins-Regular.ttf) format("truetype")
}

@font-face {
    font-family: PopSB;
    src: url(../../assets/fonts/Poppins-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: PopM;
    src: url(../../assets/fonts/Poppins-Medium.ttf) format("truetype")
}

@font-face {
    font-family: PopL;
    src: url(../../assets/fonts/Poppins-Light.ttf) format("truetype")
}

@font-face {
    font-family: PopEB;
    src: url(../../assets/fonts/Poppins-ExtraBold.ttf) format("truetype")
}

@font-face {
    font-family: PopB;
    src: url(../../assets/fonts/Poppins-Bold.ttf) format("truetype")
}

@font-face {
    font-family: PopBL;
    src: url(../../assets/fonts/Poppins-Black.ttf) format("truetype")
}

@font-face {
    font-family: JustR;
    src: url(../../assets/fonts/Jost-400-Book.ttf) format("truetype")
}

@font-face {
    font-family: JustM;
    src: url(../../assets/fonts/Jost-500-Medium.ttf) format("truetype")
}

@font-face {
    font-family: JustSB;
    src: url(../../assets/fonts/Jost-600-Semi.ttf) format("truetype")
}

@font-face {
    font-family: JustB;
    src: url(../../assets/fonts/Jost-700-Bold.ttf) format("truetype")
}

@font-face {
    font-family: JustBL;
    src: url(../../assets/fonts/Jost-900-Black.ttf) format("truetype")
}

:root {
    --w: #fff;
    --header: #000;
    --footer: #151920;
    --red: #ff0043;
    --gray: #777;
    --bl: #0c1b27;
    --bg: #f2f2f2;
    --br: #e1e1e1;
    --org: #f86f17;
    --tr: all ease-in-out .5s
}

body {
    line-height: 26px;
    font-size: 16px;
    color: #333;
    font-family: PopR
}

.link_1 h4,
.link_1 h5,
.link_1 p:hover,
.link_1 ul li a:hover,
.link_1 ul li:hover,
a,
a:focus,
a:hover {
    color: var(--w)
}

.btn-lg,
.btn-md,
.link_1 h4,
.link_1 h5,
b,
strong {
    font-family: PopM
}

a {
    cursor: pointer
}

label {
    font-weight: 400;
    color: #666
}

.container-fluid {
    padding: 0 15px
}

.img_r {
    max-width: 100%;
    max-height: 100%
}

.ul_set {
    list-style: none;
    padding: 0;
    margin: 0
}

.btn_theme,
.btn_theme2 {
    padding: 6px 15px;
    font-size: 16px;
    font-family: PopM;
    box-shadow: none !important
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-top: 0;
    margin-bottom: 15px
}

.btn_theme:active,
.btn_theme:focus,
.btn_theme:hover {
    opacity: .9
}

.btn_theme2 {
    background: 0;
    color: var(--button-color) !important;
    border: 1px solid  !important;
    border-color: var(--button-color);
}

.footer,
.man_header,
.ul_set.nav_about li.active a::after {
    background: var(--background-color)
}

.btn_r {
    border-radius: 40px
}

.form-control,
select.form-control:not([size]):not([multiple]) {
    border-radius: 0;
    border-color: var(--br);
    height: 45px;
    padding: 8px 15px;
    box-shadow: none !important;
    font-size: 14px !important
}

textarea.form-control {
    height: 100px
}

.form-control:focus {
    border-color: var(--background-color)
}

.btn-lg {
    padding: 8px 25px;
    font-size: 20px;
    border-radius: 8px
}

.btn-md {
    padding: 8px 20px
}

.btn-sm {
    padding: 5px 12px;
    font-size: 14px
}

.container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto
}

.footer_logo img,
.img_branch,
.link_1 h4,
.link_1.ion_fot ul,
.produt_dt2 .radting {
    margin-bottom: 20px
}

.btn_toggle,
.check_b.radioo span::after,
.fitree_icon.btn,
.modal-header .close span,
.owl-nav {
    display: none
}

.man_header {
    padding: 10px 40px
}

.man_header .logo_hader img {
    width: 180px;
    height: 100px;
    object-fit: cover
}

.set_nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.box_2 h5 span,
.menu_us ul>li,
.right_us ul>li,
.ul_set.nav_about li {
    display: inline-block
}

.menu_us ul>li>a,
.right_us ul>li>a {
    display: inline-block;
    color: var(--w);
    font-size: 18px;
    padding: 0 15px;
    transition: var(--tr)
}

.link_1 h4,
.right_us ul>li>a {
    font-size: 21px
}

.menu_us ul>li.active>a,
.menu_us ul>li>a:hover {
    color: var(--primary-color)
}

.right_us ul>li.cart_head>a span {
    position: absolute;
    top: -5px;
    display: inline-block;
    right: 4px;
    width: 20px;
    height: 20px;
    background: var(--primary-color);
    font-size: 14px;
    font-family: PopSB;
    text-align: center;
    line-height: 20px;
    text-overflow: ellipsis;
    border-radius: 100%
}

#paypal-animation-content {
    transition: all .7s ease-in-out;
    position: relative;
    margin-top: 19px !important;
    width: 100% !important
}

.footer {
    padding-top: 40px
}

.footer_logo img {
    max-width: 120px
}

.link_1 p,
.link_1 ul li,
.link_1 ul li a {
    color: #ababab
}

.link_1 h5 {
    font-size: 17px;
    margin-bottom: 7px
}

.link_1.ion_fot ul li {
    padding-left: 30px;
    margin-bottom: 10px
}

.link_1.ion_fot ul li i {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 18px
}

.cop_right {
    padding: 20px 0;
    border-top: 1px solid rgba(250, 250, 250, .1)
}

.box_2 h4,
.box_2 p,
.btn_2 .btn,
.cop_right p,
.produt_dt2 h2,
.produt_dt2 ul li {
    margin-bottom: 5px
}

.cop_right .ul_set.list_us li {
    font-size: 15px;
    display: inline-block
}

.cop_right .ul_set.list_us li+li {
    padding-left: 20px;
    position: relative
}

.cop_right .ul_set.list_us li+li::after {
    position: absolute;
    content: "|";
    left: 7px;
    top: 0
}

.ul_set.socila_foo li a {
    display: inline-block;
    width: 40px;
    background: rgba(250, 250, 250, .05);
    height: 40px;
    border-radius: 100%;
    text-align: center;
    font-size: 23px;
    padding-top: 8px
}

.ul_set.socila_foo li {
    display: inline-block;
    margin: 0
}

.ul_set.socila_foo li+li {
    margin-left: 7px
}

.pad_t {
    padding-top: 60px
}

.pad_b {
    padding-bottom: 60px
}

.sec_pad {
    padding: 60px 0
}

.header {
    margin-bottom: 40px
}

.header h2 {
    margin-bottom: 15px;
    font-size: 30px;
    font-family: PopSB;
    color: var(--bl)
}

.header.text-center p {
    margin-left: auto;
    margin-right: auto
}

.header p {
    max-width: 890px;
    margin-bottom: 0;
    color: var(--gray);
    font-size: 16px
}

.conten_set h1,
.conten_set h2,
.conten_set h3,
.conten_set h4 {
    margin-bottom: 15px;
    color: var(--bl);
    font-family: PopSB
}

.conten_set h4,
.modal-header .modal-title {
    font-size: 18px
}

.conten_set p {
    color: var(--gray);
    font-size: 16px
}

.conten_set ul {
    margin-bottom: 25px;
    color: var(--gray)
}

.box_1 h4,
.conten_set ul li {
    margin-bottom: 10px
}

.search_heder {
    position: fixed;
    left: 0;
    width: 100%;
    height: 120px;
    background: var(--bl);
    padding: 0 35px;
    display: flex;
    align-items: center;
    z-index: 2;
    top: 0
}

.left_bar,
.right_bar {
    padding: 15px;
    height: 750px;
    overflow-x: hidden;
    overflow-y: auto
}

.man_header.active .search_heder,
.sidenav.is-visible {
    transform: translateX(0)
}

.icon_sech {
    position: relative;
    width: 100%
}

.icon_sech i {
    position: absolute;
    left: 15px;
    top: 11px;
    font-size: 20px
}

.icon_sech input {
    background: #ffffff0f !important;
    border: none !important;
    height: 45px;
    padding-left: 45px;
    box-shadow: none !important;
    color: var(--w) !important;
    font-size: 15px
}

.close_sech .btn {
    width: 45px;
    padding: 0;
    height: 45px;
    border-radius: 100%;
    margin-left: 15px;
    font-size: 21px
}

.shop_list {
    display: flex;
    background: var(--bg);
    border-top: 1px solid var(--br);
    margin: 15px 0
}

.left_bar {
    width: 340px;
    background: var(--w);
    border-right: 1px solid var(--br);
    background: var(--w)
}

.right_bar {
    width: 100%
}

.left_bar h4 {
    font-size: 21px;
    border-bottom: 1px solid var(--br);
    padding-bottom: 15px
}

.box_1 h4,
.prs {
    font-size: 22px
}

.left_bar ul li a {
    color: var(--gr) !important;
    font-size: 14px;
    background: var(--bg);
    display: block;
    padding: 9px 15px;
    border-radius: 16px;
    transition: var(--tr);
    font-family: PopM;
    cursor: pointer
}

.left_bar ul li a.active,
.left_bar ul li a:hover {
    color: var(--w) !important;
    background: var(--primary-color)
}

.row_sm {
    margin: 0 -7px !important
}

.address_us .col-md-6,
.box_4,
.box_md2,
.digit-group,
.login-formbox2 .logo_hader,
.offer_ss .row_sm .col-md-6,
.order_list .col-md-6 {
    margin-bottom: 15px
}

.bottom_nt,
.rating_d1 {
    margin-top: 25px
}

.row_sm [class*=col-] {
    padding: 0 7px !important
}

.box_1 {
    text-align: center
}

.box_1 .img_branch img {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    border: 3px solid var(--w);
    box-shadow: 0 0 25px rgba(0, 0, 0, .2)
}

.box_1 h4 img {
    width: 19px;
    margin-left: 3px
}

.down_app {
    background: url(../../assets/img/img_2.jpg) 0 0/cover no-repeat
}

.download_icon img {
    width: 170px;
    margin: 0 5px
}

.box_2 {
    border: 1px solid var(--br);
    background: var(--w);
    border-radius: 10px;
    height: 100%
}

.box_2>img {
    width: 100%;
    height: 200px;
    border-radius: 10px 10px 0 0;
    object-fit: cover
}

.box_2 h4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 20px;
    padding-right: 40px
}

.box_2 h5,
.box_3 h6 {
    display: flex;
    flex-wrap: wrap
}

.box_2 h4 img {
    width: 13px;
    object-fit: contain;
    height: 16px;
    position: absolute;
    margin-right: -5px !important;
    top: 2px;
    left: 0
}

.box_2 h4 .img_chillll span+span {
    margin-left: 5px
}

.box_2 h4 .img_chillll img {
    position: initial
}

.box_2 h4 .img_chillll {
    position: absolute;
    right: 0;
    top: 0
}

.box_2 h5 {
    font-size: 13px;
    justify-content: space-between;
    align-items: center;
    font-family: PopM;
    min-height: 35px
}

.produt_dt2 h2,
.produt_dt2 h5 {
    font-size: 28px
}

.produt_dt2 h5,
.prs {
    font-family: Arial;
    font-weight: 600
}

.gallerry .col-md-2,
.right_bar .col-md-3 {
    margin-bottom: 15px;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.produt_dt1>img,
.slide_me>img {
    width: 100%;
    border-radius: 10px
}

.produt_dt1 span {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 30px
}

.radting {
    font-size: 15px;
    color: var(--gray)
}

.radting span {
    display: inline-block;
    margin-right: 6px;
    width: 100%
}

.produt_dt2 h5 {
    color: var(--red)
}

.bottom_nt h4,
.box_4 h6,
.modal-header .modal-title {
    font-family: PopSB;
    color: var(--bl)
}

.produt_dt2 ul li {
    color: var(--bl);
    font-size: 16px;
    font-family: PopM
}

.order_dt1 {
    background: var(--bg);
    padding: 40px 35px
}

.card_me {
    box-shadow: 0 6px 15px rgba(0, 0, 0, .1);
    border-radius: 10px;
    background: var(--w)
}

.modal-header .close,
.ord_img1 {
    border-radius: 100%;
    top: 10px;
    position: absolute
}

.check_b input:checked~span::before,
.ord_img1 {
    background: var(--org)
}

.box_3 {
    padding: 15px 15px 15px 130px
}

.address_us .box_3,
.order_list .box_3 {
    min-height: 130px
}

.ord_img1 {
    width: 100px;
    height: 100px;
    left: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.box_3 h6,
.btn_2 {
    justify-content: space-between
}

.ord_img1 img {
    width: 60px;
    height: 60px;
    object-fit: contain
}

.box_3 h6 {
    margin-bottom: 10px;
    color: var(--gray);
    font-size: 15px
}

.address_us .box_3 h4,
.box_4 h6,
.btn_2,
.d_flex {
    flex-wrap: wrap;
    display: flex
}

.box_3 h4 {
    font-size: 21px;
    margin-bottom: 10px
}

.box_4 h4,
.rating_d1 .start i {
    font-size: 20px
}

.btn_2 {
    font-size: 15px
}

.min_heignt {
    min-height: 80vh
}

.modal-header {
    padding: 10px 45px 10px 15px;
    min-height: 52px
}

.modal-header .close {
    right: 11px;
    width: 30px;
    height: 30px;
    background: url(../../assets/img/close.png) 0 0/100% 100% no-repeat;
    margin: 0;
    opacity: 1;
    padding: 0
}

.accod_desi_mobile .card-body,
.modal-body {
    padding: 15px
}

.modl_lg .modal-dialog {
    max-width: 1100px
}

.box_4 {
    padding-left: 165px;
    min-height: 120px
}

.box_4 .ord_img2 {
    width: 140px;
    height: 120px;
    position: absolute;
    left: 0;
    top: 0
}

.box_4 .ord_img2 span {
    position: absolute;
    line-height: normal;
    right: 5px;
    top: 0
}

.box_4 .ord_img2 span img {
    width: 15px
}

.box_4 .ord_img2>img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover
}

.box_4 h4 {
    margin-bottom: 2px
}

.box_4 p {
    font-size: 15px;
    margin-bottom: 10px
}

.box_4 h6 {
    justify-content: space-between;
    font-size: 16px
}

.bottom_nt {
    padding: 15px;
    background: var(--bg)
}

.bottom_nt h4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 19px;
    margin: 0
}

.rating_d1 h4 {
    font-size: 16px;
    color: var(--bl);
    margin-bottom: 3px;
    font-family: PopM
}

.rating_d1 h3,
.welcome_us h4 {
    color: var(--bl);
    font-family: PopSB
}

.rating_d1 h3 {
    font-size: 21px;
    margin-bottom: 15px
}

.check_b {
    min-width: 20px;
    display: inline-block;
    min-height: 20px;
    padding-left: 20px
}

.check_b input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    top: 0
}

.check_b span {
    position: absolute;
    border: 2px solid var(--gray);
    width: 18px;
    height: 18px;
    display: inline-block;
    left: 0;
    top: 5px
}

.check_b input:checked~span::after {
    position: absolute;
    content: "\f00c";
    font-family: FontAwesome;
    top: -6px;
    font-size: 12px;
    left: 1px;
    color: var(--org)
}

.check_b input:checked~span {
    border-color: var(--org)
}

.check_b.radioo span {
    border-radius: 100%;
    border-color: var(--gray)
}

.ul_set.list_sidebar li a,
.ul_set.nav_about,
.welcome_us {
    border-bottom: 1px solid var(--br)
}

.check_b.radioo span::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: var(--gray);
    border-radius: 100%;
    top: 3px;
    left: 3px
}

.check_b+.check_b {
    margin-left: 10px
}

.sidenav {
    width: 360px;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    background: var(--w);
    top: 0;
    padding: 15px 20px;
    border-left: 1px solid var(--br);
    z-index: 9999
}

.min_cric,
.welcome_us .closebtn img {
    width: 30px
}

.slide_me,
.wallate_2 {
    position: relative;
    z-index: 1
}

.welcome_us {
    background: var(--bg);
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -15px;
    padding: 20px 45px 20px 20px;
    position: relative;
    min-height: 60px
}

.welcome_us h4 {
    font-size: 18px;
    margin: 0
}

.welcome_us h4 span {
    color: var(--red);
    font-size: 16px;
    display: block;
    font-family: PopM
}

.welcome_us .closebtn {
    position: absolute;
    right: 10px;
    top: 15px
}

.ion_left i,
.wallate_2::after {
    top: 0;
    position: absolute;
    left: 0
}

.login-formbox2 {
    text-align: center;
    margin-top: 15px
}

.login-formbox2 p {
    color: var(--gray);
    font-size: 15px;
    font-family: popM
}

.login-formbox {
    padding: 15px;
    border: 1px solid var(--br)
}

.login-formbox p {
    font-size: 15px;
    text-align: center;
    font-family: PopM;
    line-height: normal
}

.form-group.man_nav_lag .iti,
.mar-quty-btn2 .pluss2 input {
    width: 100% !important
}
.form-group.man_nav_lag .iti__country-list.iti__hide01 {
    display: none;
}
.form-group.man_nav_lag .iti__country-list.search .search {
    display: inline-block;
    width: 230px;
    position: sticky;
    top: 0;
    padding: 2px 2px;
}

.form-group.man_nav_lag .iti__country-list.search .search input {
    width: 100%;
    position: initial !important;
    padding: 0px 10px;
    border: 1px solid var(--br);
    box-shadow: none !important;
    outline: none !important;
}

.form-group.man_nav_lag .iti__country-list {
    white-space: normal;
    min-width: 275px;
    font-size: 13px
}

.form-group.man_nav_lag .iti__country-list li,
.ul_set.list_sidebar li {
    width: 100%
}

.form-group.man_nav_lag .iti__selected-flag {
    border: 0;
    border-right: 1px solid var(--br);
    font-size: 13px;
    background: var(--bg) !important
}

.digit-group .col-2 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    transform: scale(.9);
    font-size: 21px !important;
    text-align: center
}

.kitchen-closed h3,
.slide_me .btn,
.use_load h2 {
    top: 50%;
    transform: translateY(-50%)
}

.digit-group .row {
    margin: 0
}

.otttt .row {
    margin: 0 -3px
}

.otttt .row .col-6 {
    padding: 0 3px
}

.ul_set.list_sidebar {
    margin: 0 -20px
}

.ul_set.list_sidebar li a {
    width: 100%;
    padding: 10px 20px 10px 50px;
    color: var(--bl);
    font-size: 15px;
    position: relative;
    display: inline-block
}

.ul_set.list_sidebar li a img,
.ul_set.list_sidebar li a svg
{
    width: 25px;
    position: absolute;
    left: 15px;
    top: 10px;
    height: 25px;
    object-fit: contain
}

.about_inner {
    background: var(--bg);
    min-height: 90vh;
    padding: 40px 0
}

.ul_set.nav_about {
    background: var(--w);
    margin-bottom: 15px
}

.ul_set.nav_about li a {
    color: var(--gray);
    font-size: 16px;
    padding: 14px 17px;
    display: inline-block;
    font-family: PopM;
    position: relative
}

.ul_set.nav_about li.active a::after {
    position: absolute;
    content: "";
    bottom: 0;
    height: 2px;
    width: 100%;
    left: 0
}

.ul_set.nav_about li.active a {
    color: var(--background-color)
}

.offer_ss .ord_img1 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.offer_ss p {
    margin-bottom: 30px
}

.offer_ss .ord_img1 {
    background: 0
}

.btn-danger {
    color: var(--w) !important
}

.address_us .box_3 h4 {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.address_us .box_3 p {
    margin-bottom: 3px;
    font-size: 15px
}

.contact_us2 .box_2 p,
.form_me label {
    font-size: 14px
}

.address_us h2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.address_us .container {
    max-width: 1500px
}

.form_me .form-group {
    margin-bottom: 7px
}

.form_me label {
    margin-bottom: 3px
}

.form_me .form-control {
    height: 35px !important;
    font-size: 14px !important;
    padding: 6px 9px
}

.wallate_2 {
    padding: 35px 20px;
    border-radius: 20px;
    overflow: hidden
}

.wallate_2 p {
    font-size: 15px;
    color: var(--bl);
    font-family: PopM;
    margin-bottom: 20px
}

.wallate_2 h4 {
    margin-bottom: 5px;
    font-size: 16px;
    font-family: PopR;
    color: var(--gray)
}

.wallate_2 h2 {
    margin-bottom: 0;
    font-size: 36px
}

.wallate_2::after {
    content: "";
    z-index: -1;
    width: calc(100% - 25px);
    height: 100%;
    background-image: url(../../assets/img/wallet.png);
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: right;
    opacity: .1
}

.ion_left {
    position: relative;
    padding-left: 40px
}

.ion_left i {
    font-size: 26px;
    color: var(--red)
}

.ion_left h4 {
    font-size: 18px;
    font-family: PopSB;
    margin-bottom: 4px;
    color: var(--bl)
}

.ion_left p,
.ion_left p a {
    color: var(--gray)
}

.ion_left p {
    margin-bottom: 25px
}

.contact_us1 {
    padding: 30px;
    border-radius: 20px
}

.acco_select .container,
.accod_desi_mobile .card-header,
.contact_us2 .box_2 h4 {
    padding: 0
}

.gallerry .col-md-2 a {
    display: inline-block;
    width: 100%
}

.gallerry .col-md-2 img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border: 2px solid var(--w);
    border-radius: 16px;
    box-shadow: 3px 3px 16px rgba(0, 0, 0, .2)
}

.about_inner.gall_sec {
    padding: 40px
}

.gallery_mdd .modal-content {
    border-radius: 0;
    background: 0;
    border: 0;
    box-shadow: none
}

.gallery_mdd .modal-header {
    padding: 0;
    border: 0;
    min-height: auto
}

.gallery_mdd .modal-header .close {
    z-index: 999999;
    top: 25px;
    right: 25px
}

.slide_me .btn {
    padding: 0;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    position: absolute;
    font-size: 30px;
    line-height: 30px
}

.btn.lleft {
    left: 10px
}

.btn.rrrigt {
    right: 10px
}

.gallery_mdd .modal-dialog {
    max-width: 700px
}

.table_des1 .table tr td,
.table_des1 .table tr th {
    padding: 9px 10px;
    font-size: 14px;
    border: 0;
    border-top: 1px solid var(--br);
    text-align: left
}

.table_des1 .table {
    border: 1px solid var(--br)
}

.min_cric {
    height: 30px;
    border-radius: 100%;
    padding: 0;
    font-size: 24px;
    line-height: 30px;
    border: none !important;
    outline: 0 !important;
    box-shadow: none !important
}

.table_des1.clear_th .table tr th {
    padding: 0;
    border: 0
}

.deactive-pop {
    position: fixed;
    margin: 0 auto;
    width: 300px;
    left: 0;
    right: 0;
    bottom: -40px;
    background: #24ce00;
    border: 0;
    color: #fff;
    display: block !important;
    transition: .4s;
    opacity: 0
}

.active-pop {
    opacity: 1 !important;
    bottom: 5px !important
}

.kitchen-container .category-box {
    margin-bottom: 25px;
    padding: 0;
    font-size: 14px;
    text-align: left !important
}

.category-box img {
    max-width: 100% !important;
    width: 100%;
    height: 200px !important;
    border-radius: 2px
}

span.nonvagdot,
span.vagdot {
    width: 16px;
    height: 16px;
    right: 80px;
    display: block
}

.kitchen-img {
    border-radius: 5px !important
}

.kitchen-details {
    position: initial;
    padding: 15px 0
}

.kitchen-container a h3 {
    color: #292929
}

.kitchen-rating {
    display: flex;
    line-height: 2;
    margin-bottom: 10px;
    position: relative
}

.kitchen-rating>span {
    font-size: 17px;
    padding-right: 10px
}

.check {
    color: #ff7600
}

.fa {
    display: inline-block;
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

span.nonvagdot:after,
span.vagdot:after {
    float: right;
    padding: 3px;
    content: "";
    line-height: 1;
    text-align: center;
    margin: 0 auto;
    width: 5px;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.dot {
    margin: 8px 4px;
    float: none !important;
    right: 0 !important
}

span.vagdot {
    border: 2px solid #0e8e0d
}

span.vagdot:after {
    background: #0e8e0d;
    border-radius: 50px;
    left: 0
}

span.nonvagdot {
    border: 2px solid #ce0e00
}

.OutOfStoke,
.OutOfStoke p,
.dropdown-menu,
.kitchen-closed,
.navbar-expand-lg .navbar-nav .dropdown-menu,
.stock-detail {
    position: absolute
}

span.nonvagdot:after {
    background: #ce0e00;
    border-radius: 50px;
    left: 0
}

.dropdown-menu,
.navbar .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, .15);
    left: 0
}

.category-box h3 {
    font-size: 18px;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left
}

.deop_desg .dropdown-menu {
    padding: 10px;
    margin: 0;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden
}

.navbar .dropdown-menu {
    width: 95%;
    right: 0;
    top: 45px;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity .3s linear;
    border: 0;
    background-color: #fff !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.dropdown-menu {
    top: 100%;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 1rem;
    color: #373a3c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .25rem
}

.deop_desg .dropdown-menu .container ul li {
    padding: 0 7px;
    margin-bottom: 14px
}

.header-top-number nav ul li .dropdown-menu ul li {
    vertical-align: top;
    padding: 0 10px;
    border: 0;
    max-width: 25% !important;
    clear: inherit;
    display: inline-block
}

.deop_desg .dropdown-menu .container ul li a {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0 !important
}

.navbar .navbar-nav .nav-item a {
    text-align: center;
    text-decoration: none;
    color: var(--secondary-color)
}

.deop_desg .dropdown-menu .container ul {
    margin: 0 -7px
}

.navbar .navbar-nav .nav-item {
    margin-left: 0 !important
}

.kirchen-branch {
    height: 80px
}

.deop_desg .dropdown-menu .container ul li a h3 {
    display: inline-block !important;
    width: 100%;
    text-align: center
}

.header-top-number nav ul li .dropdown-menu ul li h3 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    height: auto;
    margin-bottom: 0;
    padding-left: 10px;
    padding-top: 30px;
    padding-bottom: 30px
}

.header-top-number nav ul li .dropdown-menu ul li a.nav-link,
.header-top-number nav ul li .dropdown-menu ul li h3 {
    color: #000
}

.branches h3 {
    font-size: 12px;
    float: none;
    padding-top: 10px !important;
    padding-bottom: 3px !important
}

.OutOfStoke p,
.stock-detail {
    z-index: 1;
    padding: 0;
    right: 0
}

#owl-demo .item img {
    width: 100%;
    display: block;
    height: 120px !important;
    margin: 0 !important
}

#owl-demo .item {
    margin: 5px
}

.stock-detail {
    text-align: center;
    width: 100%;
    color: #463737;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    overflow: hidden;
    left: 0
}

.OutOfStoke p {
    background: url(../../img/Artboard_2.png) 0 0/100% no-repeat;
    color: #fff;
    bottom: 0;
    height: 104px !important;
    min-width: 126px;
    margin: 0
}

.OutOfStoke.itwill-text.ng-binding {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #eb0826;
    font-weight: 700;
    font-size: 21px;
    word-break: break-word;
    margin: 0 auto;
    padding: 0 9px;
    display: flex;
    justify-content: center;
    align-items: center
}

.comp {
    color: #014c8c
}

.comp:hover {
    color: red
}

.OutOfStoke {
    right: 0;
    top: 0;
    height: 200px;
    width: 100%
}

.branch_droup .dropdown-menu {
    width: 620px;
    padding: 10px;
    transform: none !important;
    top: 100% !important
}

.branch_droup .row {
    margin: 0 -8px
}

.branch_droup .row .col-md-3 {
    padding: 0 8px;
    margin-bottom: 16px
}

.bran_ck img {
    width: 100%;
    height: 90px;
    object-fit: cover;
    border: 1px solid #e1e1e1;
    padding: 4px
}

.bran_ck h4 {
    text-align: center;
    font-size: 17px;
    color: #000;
    margin-top: 10px;
    margin-bottom: 0
}

.kitchen-closed {
    background: #efefefbd;
    z-index: 99;
    text-align: center;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.kitchen-closed-Image {
    z-index: 99;
    text-align: center;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.kitchen-closed-Image h3 {
    position: sticky;
    margin: auto;
    left: 0;
    right: 0
}

.kitchen-closed h3 {
    position: sticky;
    margin: auto;
    left: 0;
    right: 0
}

.Not-Available {
    font-weight: 700;
    font-size: 18px;
    margin-top: 20px
}

.table_Des1 table tr td,
.table_Des1 table tr th {
    padding: 7px 10px !important;
    font-size: 14px
}

.img_des1 {
    position: relative;
    padding-left: 60px;
    min-height: 50px;
    margin-bottom: 5px
}

.img_des1 img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    left: 0;
    position: absolute;
    border-radius: 4px
}

.mar-quty-btn2 {
    max-width: 85px;
    display: inline-block;
    position: relative;
    padding: 0 20px;
    width: 100%
}

.mar-quty-btn2 .pluss1,
.mar-quty-btn2 .pluss3 {
    position: absolute !important;
    left: 0;
    top: 0
}

.mar-quty-btn2 .pluss2 {
    position: relative;
    height: 30px;
    text-align: center
}

.mar-quty-btn2 .pluss3 {
    left: auto;
    right: 0
}

.s_extra2 {
    margin-bottom: 15px;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1
}

.all_seom.s_extra2 .box_md1 .mar-quty-btn2 {
    font-size: 14px;
    font-weight: 400
}

.btn_addressListModal .ng-binding {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #fff !important;
    background-color: #0275d8
}

.fle_me3,
.gallerry_list ul li .catimg1,
.kitchen-closed2,
.name_us1 {
    display: flex
}

.des_pay_tab1 {
    border: 0;
    background: #f1f1f1
}

.des_pay_tab1 li {
    padding: 0 !important;
    border: none !important
}

.des_pay_tab1 li a {
    border: none !important;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px !important;
    font-weight: 600;
    color: var(--bl) !important;
    border-radius: 0 !important
}

.des_pay_tab1 li.active-new a {
    background: var(--blue);
    color: var(--w) !important
}

.accod_desi_mobile .card {
    border: 0;
    border-radius: 0;
    background: #f9f9f9
}

.accod_desi_mobile .card-header .btn.btn-link {
    position: relative;
    white-space: normal;
    text-align: left;
    background: var(--w);
    padding: 5px 30px 5px 70px;
    min-height: 63px;
    width: 100%;
    font-size: 16px;
    color: var(--bl);
    font-family: PopSB;
    border-radius: 0;
    outline: 0 !important;
    text-decoration: none !important
}

.accod_desi_mobile .card-header .btn.btn-link:after {
    content: "\f107";
    font-family: FontAwesome;
    top: 18px;
    position: absolute;
    right: 10px
}

.accod_desi_mobile .card-header .btn.btn-link img {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    position: absolute;
    left: 10px;
    top: 5px;
    object-fit: cover
}

.mobile_lisf2 ul>li {
    font-size: 15px;
    color: var(--bl);
    font-family: PopM;
    margin-bottom: 15px
}

.name_us1 {
    width: 75%;
    align-items: self-start;
    padding-right: 10px
}

.name_us1 img {
    width: 16px;
    height: 16px;
    margin-top: 5px;
    margin-right: 7px
}

.priwe2 {
    width: 100px;
    font-family: Arial;
    padding: 0 10px
}

.add_provv {
    width: 65px
}

.kitchen-closed2,
.use_load,
.use_load h2 {
    position: absolute;
    width: 100%
}

.kitchen-closed2 {
    left: 0;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: #efefefbd;
    z-index: 99;
    flex-direction: column
}

.use_load {
    height: 100%;
    top: 0;
    left: 0;
    background: var(--org);
    border-radius: 100%;
    overflow: hidden
}

.use_load h2 {
    text-align: center;
    font-size: 24px
}

.ove_edd {
    overflow: initial
}

.set_thank img {
    width: 90px;
    margin-bottom: 15px
}

.tim_box2 {
    border: thin solid #e1e1e1;
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 5px 10px
}

.fle_me3 {
    justify-content: space-between
}

.link_1.copy_innk {
    display: flex;
    flex-wrap: wrap;
    justify-content: end
}

.btn.bg-white1 {
    padding: 2px 8px;
    font-weight: 600;
    font-size: 20px;
    line-height: normal
}

.modal {
    padding-right: 5px !important;
    padding-left: 5px !important
}

.box_md1 label {
    margin-bottom: 0
}

.box_md1 .row {
    margin-bottom: 10px !important
}

.gallerry_list ul li {
    position: relative;
    margin: 0;
    min-height: 55px;
    padding: 10px 15px;
    cursor: pointer;
    border-bottom: 1px solid var(--br)
}

.gallerry_list ul li img {
    width: 55px;
    height: 55px;
    margin-right: 10px;
    border-radius: 6px;
    border: 1px solid #0000000d
}

.gallerry_list ul li h4 {
    margin: 15px 0 0;
    font-size: 16px;
    font-family: "PopM";

}

.gallerry_list {
    background: var(--w);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-radius: 15px;
    /* height: 600px;
    overflow-y: auto */
}   

.gallerry_list h3 {
    padding: 15px;
    font-size: 21px;
    border-bottom: 1px solid var(--br);
    margin-bottom: 0;
    text-align: center
}

.side1 {
    -ms-flex: 0 0 21%;
    flex: 0 0 21%;
    max-width: 21%
}

.side2 {
    -ms-flex: 0 0 79%;
    flex: 0 0 79%;
    max-width: 79%
}

.tab_mobile1 td:nth-child(2),
.tab_mobile1 td:nth-child(4) {
    white-space: nowrap
}

.singli_radio .check_b {
    width: 100%;
    margin-bottom: 5px
}

.singli_radio .check_b+.check_b {
    margin-left: 0
}

.text-upp {
    text-transform: uppercase
}

.iti-mobile .iti--container {
    z-index: 99999 !important
}

.rating {
    border: 0;
    float: left
}

.rating>input {
    opacity: 0;
    position: absolute
}

.rating>label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005"
}

.rating>.half:before {
    content: "\f089";
    position: absolute
}

.rating>label {
    color: #ddd;
    float: right
}

.rating>input:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: #2bb666
}

.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
.rating>input:checked~label:hover~label {
    color: #38d279
}

.kitchen-details p {
    min-height: 55px
}
.kitchen-closed.closetime.ng-binding.ng-scope {
    font-size: 30px !important;
    /* margin-top: 350px; */
}

.not_found2{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 600px;
    
}
.result_found2{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 600px;
    margin: auto;
}
.paymen_listtt img {
    width: 100px;
}
.paypal_us #customPayPalButton {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    opacity: 0.01;
}
.paypal_us {
    position: relative;
}
.paymen_listtt {
    margin: 0 -7px;
}
.paymen_listtt .col {
    padding: 0 7px;
}
.about_inner  p {
    line-height: 26px;
}
.pluss1 svg, .pluss3 svg {
    width: 15px;
    height: 15px;
    
    margin-top: 6px;
}
.offer_detail {
    display: flex;
}
.left_of {
    width: 90px;
    flex: 0 0 90px;
}
.left_of img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    border-radius: 10px;
}
.right_of ul {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    padding-left: 10px;
}
.right_of ul li {
    margin-bottom: 7px;
    line-height: normal;
}
.right_of ul li b {
    display: block;
    font-family: "PopM";
    font-weight: normal;
    color: var(--bl);
    font-size: 13px;
}
.link_1 .socila_foo {
    margin-bottom: 20px;
}

/* franchise start */
.sec_fra_1 {
	position: relative;
	z-index: 1;
	padding: 70px 0;
	background: url(../img/franchise.jpg);
}
.sec_fra_1::after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: radial-gradient(circle, rgba(0, 0, 0, 0.20) 0%, rgb(0, 0, 0) 100%);
	z-index: -1;
}
.box_form_futer {
	background: var(--w);
	padding: 30px 20px;
	border-radius: 20px;
}

.sec_fra_1 .header h2, .sec_fra_1 .header p {
	color: var(--w);
}
.sec_fra_1 .header p {
	font-size: 18px;
	margin-bottom: 20px;
}
.box_form_futer.conten_set h3 {
	margin-bottom: 25px;
	text-align: center;
}

/* steps */

.setpss1 ul {
	position: relative;
	z-index: 1;
	padding: 0;
	margin: 0;
}
.setpss1 ul::after {
	position: absolute;
	z-index: -1;
	width: 2px;
	height: 100%;
	background:#c7cce3;
	content: "";
	left: 0;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.setpss1 ul li {
	display: flex;
}

.setp_d2 {
	border: 1px solid transparent;
	width: calc(50% - 100px);
	margin-left: auto;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 30px;
	position: relative;
	padding: 15px;
	padding-left: 140px;
	min-height: 135px;
}
.setp_d2 {
	border-color: #00ba81;
}
.setp_d2::before {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	background: #00ba81;
	left: -108px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	border-radius: 100%;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}
.setp_d2::after {
	position: absolute;
	content: "";
	background: #00ba81;
	height: 2px;
	width: 100px;
	left: -100px;
	top: 50%;
	transform: translateY(-50%);
}

.setp_d2::before {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	background: #00ba81;
	left: -108px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	border-radius: 100%;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

.setp_d2 .icon_st1 {
	position: absolute;
	width: 100px;
	height: 100px;
	background: linear-gradient(311deg,#FFF 31.65%,#E2E2E2 100%);
	border-radius: 100%;
	left: 15px;
	box-shadow: 6px 5px 7px rgba(0,0,0,0.1);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.setp_d2 .icon_st1 img {
	width: 47px;
	height: 47px;
}

.setp_d2 h4 {
	font-size: 21px;
	margin-bottom: 5px;
	font-weight: 700;
    color: #0C0833;
}
.setp_d2 p{
    color: #777;
    margin-bottom: 0;
}
.setpss1 ul li:nth-child(2n) .setp_d2::after {
	right: -100px;
	left: auto;
}
.setpss1 ul li:nth-child(2n) .setp_d2::before {
	right: -108px;
	left: auto;
}
.setpss1 ul li:nth-child(2n) .setp_d2 {
	margin-left: initial;
	padding-left: 15px;
	padding-right: 140px;
	text-align: right;
}
.setpss1 ul li:nth-child(2n) .setp_d2 .icon_st1 {
	left: auto;
	right: 15px;
}
.setpss1 ul li:nth-child(2) .setp_d2::after, .setpss1 ul li:nth-child(2) .setp_d2::before {
	background: #a53aeb;
}
.setpss1 ul li:nth-child(3) .setp_d2::after, .setpss1 ul li:nth-child(3) .setp_d2::before {
	background: #0456ec;
}
.setpss1 ul li:nth-child(4) .setp_d2::after, .setpss1 ul li:nth-child(4) .setp_d2::before {
	background: #64ca00;
}
.setpss1 ul li:nth-child(5) .setp_d2::after, .setpss1 ul li:nth-child(5) .setp_d2::before {
	background: #fe7a1d;
}
.setpss1 ul li:nth-child(6) .setp_d2::after, .setpss1 ul li:nth-child(6) .setp_d2::before {
	background: #f6d21f;
}
.setpss1 ul li:nth-child(7) .setp_d2::after, .setpss1 ul li:nth-child(7) .setp_d2::before {
	background: #12e99d;
}

.setpss1 ul li:nth-child(2) .setp_d2 {
	border-color: #a53aeb;
}
.setpss1 ul li:nth-child(3) .setp_d2 {
	border-color: #0456ec;
}
.setpss1 ul li:nth-child(4) .setp_d2 {
	border-color: #64ca00;
}
.setpss1 ul li:nth-child(5) .setp_d2 {
	border-color: #fe7a1d;
}
.setpss1 ul li:nth-child(6) .setp_d2 {
	border-color: #f6d21f;
}
.setpss1 ul li:nth-child(7) .setp_d2 {
	border-color: #12e99d;
}

.setpss1 ul li:nth-child(2n) .setp_d2::after {
	right: -100px;
	left: auto;
}

/* steps */
.sec_fra_3 {
	background: #f7f5f2;
}
.box_fr_1 {
	border: 1px solid #e1e1e1;
	border-radius: 15px;
	background: var(--w);
	padding: 20px;
    height: 100%;
}
.box_fr_1 p{
    margin-bottom: 0;
}
.sec_fra_4 .row {
	margin: 0 -10px;
}
.sec_fra_4 .row [class*="col-md"] {
	padding: 0 10px;
	margin-bottom: 20px;
}
.sec_fra_5 {
	background: url(../img/bg2.jpg);
    background-position: center;
    background-size: cover;
}
.box_fr_2 {
	background: rgba(250, 250, 250, 0.1) !important;
	border-radius: 25px;
	backdrop-filter: blur(10px);
	border: 3px solid rgba(250, 250, 250, 0.20) !important;
	padding: 20px;
}
.box_fr_2 .header h2, .box_fr_2 .header p {
	color: var(--w);
}
.box_fr_2 .header {
	margin-bottom: 20px;
    text-align: center;
}
.box_fr_3 {
	background: var(--w);
	border-radius: 20px;
    overflow: hidden;
}
.box_fr_3 .row {
	margin: 0;
}
.box_fr_3 .row .col-md-6 {
	padding: 0;
}
.box_fr_4 {
	padding: 40px 20px;
}
.box_fr_4 .header p {
	font-size: 19px;
	line-height: 30px;
}
.box_fr_4 .header{
    margin-bottom: 25px;
}
.ul_set.list_contact li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 10px;
}
.ul_set.list_contact li i {
	position: absolute;
	left: 0;
	top: 7px;
	font-size: 25px;
	color: var(--bl);
}
.ul_set.list_contact li label {
	font-size: 17px;
	color: var(--bl);
	font-family: "PopM";
	margin: 0;
}
.ul_set.list_contact li p a, .ul_set.list_contact li p {
	color: var(--gray);
}
.box_fr_4 .header h2 {
	font-size: 30px;
	margin-bottom: 10px;
}
.box_fr_3 img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.sec_fra_1 .ul_set li {
	color: var(--w);
	font-size: 18px;
	margin-bottom: 15px;
	position: relative;
	padding-left: 33px;
}
.sec_fra_1 .ul_set li i {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 24px;
}
.box_form_futer .row {
	margin: 0 -8px;
}
.box_form_futer .row [class*="col-md-"] {
	padding: 0 8px;
}
/* franchise start */

/* media Start */


@media(max-width:1400px) {
    .right_bar .col-md-3 {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    .gallerry .col-md-2,
    .side1 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .side2 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .order_dt1 {
        padding: 40px 20px
    }

    .OutOfStoke,
    .box_2>img {
        height: 200px
    }

    .box_2 h4 {
        font-size: 16px
    }

    .box_2 h5 {
        font-size: 13px
    }

    .prs {
        font-size: 18px
    }

    .box_2 .btn {
        font-size: 14px;
        padding: 3px 8px;
        font-family: PopR
    }
}

@media(max-width:1100px) {
    .side1 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%
    }

    .side2 {
        -ms-flex: 0 0 67%;
        flex: 0 0 67%;
        max-width: 67%
    }

    .box_3 h4 {
        font-size: 17px
    }

    .order_list .ord_img1 {
        width: 75px;
        height: 75px
    }

    .order_list .ord_img1 img {
        width: 45px;
        height: 45px
    }

    .order_list .box_3 {
        padding-left: 100px
    }

    .box_3 h6 {
        font-size: 13px
    }

    .box_3 span h4 {
        margin-top: 3px
    }

    .right_bar .col-md-3 {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}
@media(min-width:992px) {
    .right_us.right_usp .ul_set {
        min-width:158px;
        
    text-align: right;
    }
}
@media(max-width:991px) {

    .gallerry .col-md-2,
    .right_bar .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .menu_us ul>li>a,
    .right_us ul>li>a {
        font-size: 15px;
        padding: 0 13px
    }

    .right_us ul>li.cart_head>a span {
        width: 17px;
        height: 17px;
        font-size: 10px;
        line-height: 17px;
        right: 2px
    }

    .right_us ul>li>a {
        padding: 0 10px
    }
}

@media(min-width:768px) {
    .man_header .collapse {
        display: block
    }

    .acco_select {
        display: none
    }
    .back_gallery{
        display:none;
    }
}

@media(max-width:767px) {
    .mobile_lisf2 {
        position: relative;
    }
    .kitchen-closed h3 {
        font-size: 20px;
    }
    .about_inner.gall_sec{
        min-height: 75vh;
    }
    .gallerry_list{
        height: auto;
        overflow: inherit;
    }
    .gallerry_list h3 {
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        background: var(--w);
        z-index: 99;
        transform: translateY(0);
        display: none;
    }
    .cop_right .col-md-4 .link_1,
    .menu_us ul {
        margin-top: 15px
    }

    .cop_right .col-md-4 .link_1,
    .cop_right .ul_set.list_us,
    .cop_right p,
    .img_app,
    .man_header .navbar-toggler {
        text-align: center
    }

    .right_bar .col-md-3,
    .side1,
    .side2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .contact_us2 .col-md-4,
    .gallerry_list {
        margin-bottom: 20px
    }

    .header,
    .img_app {
        margin-bottom: 30px
    }

    .gallerry .col-md-2 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .fitree_icon.btn {
        padding: 0 !important;
        width: 50px;
        height: 50px;
        background: var(--red);
        border-radius: 100%;
        color: var(--w);
        font-size: 21px !important;
        position: fixed;
        right: 10px;
        bottom: 10px;
        z-index: 999;
        box-shadow: 0 0 15px rgba(0, 0, 0, .4) !important;
        border: 2px solid var(--w)
    }

    .fitree_icon.btn img {
        width: 30px;
        margin-top: -7px
    }

    .left_bar {
        width: 20px;
        height: 20px;
        position: fixed;
        right: 17px;
        bottom: 21px;
        z-index: 888;
        visibility: hidden;
        transition: transform .5s, width .5s, height .5s !important;
        border-radius: 50px;
        padding: 10px
    }

    .left_bar.openrightt {
        width: 320px;
        height: 325px;
        visibility: visible;
        border-radius: 10px;
        transform: translateY(-50px) !important;
        box-shadow: 1px 3px 15px rgba(0, 0, 0, .2)
    }

    .left_bar h4 {
        padding-bottom: 10px
    }

    .left_bar ul li a {
        padding: 7px 11px;
        font-size: 13px
    }

    .left_bar ul li {
        margin-bottom: 6px
    }

    .down_app .col-md-6:first-child {
        order: 1;
        text-align: center
    }

    .download_icon img {
        width: 120px
    }

    .man_header {
        padding: 10px 15px
    }

    .right_us ul>li>a {
        font-size: 18px;
        padding: 0 10px
    }

    .right_us ul>li.cart_head>a span {
        width: 17px;
        height: 17px;
        font-size: 10px;
        line-height: 17px
    }

    .btn_toggle {
        display: inline-block
    }

    .menu_us {
        width: 100%;
        order: 4
    }

    .man_header .navbar-toggler {
        padding: 5px 0 0;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        margin-top: 0;
        outline: 0 !important;
        box-shadow: none !important
    }

    .man_header .navbar-toggler .icon-bar {
        display: block;
        width: 24px;
        height: 2px;
        border-radius: 1px;
        margin-bottom: 4px;
        background: var(--w);
        margin-left: auto;
        margin-right: auto
    }

    .navbar-toggler[aria-expanded=true] .icon-bar {
        transition: .5s ease-in-out;
        height: 3px
    }

    .navbar-toggler[aria-expanded=true] .line_us1 {
        transform: rotate(45deg) translateY(4px) translateX(4px)
    }

    .navbar-toggler[aria-expanded=true] .line_us2 {
        opacity: 0
    }

    .navbar-toggler[aria-expanded=true] .line_us3 {
        transform: rotate(-45deg) translateY(-6px) translateX(6px)
    }

    .branch_droup .dropdown-menu,
    .menu_us ul>li {
        width: 100%
    }

    .menu_us ul>li>a {
        padding: 4px 15px;
        font-size: 15px
    }

    .menu_us ul {
        border-top: 1px solid #ffffff1c;
        padding-top: 10px;
        margin-left: -15px;
        margin-right: -15px
    }

    .header h2 {
        font-size: 21px;
        margin-bottom: 10px
    }

    .box_4 p,
    .col-md-4 .category-box .kitchen-rating>span,
    .conten_set p,
    .header p,
    body {
        font-size: 14px
    }

    .box_md1,
    .col-md-4 .category-box .kitchen-rating,
    .cop_right .ul_set.list_us li a,
    .cop_right p {
        font-size: 13px
    }

    body {
        line-height: 23px
    }

    .man_header .logo_hader img {
        width: 80px;
        margin-left: 15px;
        height: 50px
    }

    .cop_right .ul_set.list_us li+li {
        padding-left: 16px
    }

    .cop_right .ul_set.list_us li+li::after {
        left: 6px
    }

    .link_1 h4 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .box_4 h6,
    .icon_sech i,
    .link_1 h5,
    .order-wrp.conten_set h4 {
        font-size: 15px
    }

    .footer .col-md-4 {
        margin-bottom: 5px
    }

    .cop_right {
        padding: 15px 0
    }

    .link_1.ion_fot ul li {
        padding-left: 27px
    }

    .icon_sech input {
        height: 36px;
        padding-left: 30px
    }

    .close_sech .btn,
    .img_des1 img {
        width: 35px;
        height: 35px
    }

    .icon_sech i {
        left: 10px;
        top: 10px
    }

    .close_sech .btn {
        font-size: 18px;
        margin-top: 5px
    }

    .search_heder {
        padding: 0 15px;
        height: 65px
    }

    .box_3,
    .order_list .box_3 {
        padding-left: 15px
    }

    .ord_img1 {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 20px
    }

    .use_load h2 {
        font-size: 18px
    }

    .use_load circle {
        r: 35;
        cx: 37;
        cy: 37;
        stroke-width: 5px
    }

    .produt_dt1 {
        margin-bottom: 15px
    }

    .produt_dt2 h2 {
        margin-bottom: 2px
    }

    .produt_dt2 .radting {
        margin-bottom: 10px
    }

    .produt_dt2 ul li {
        font-size: 15px;
        margin-bottom: 3px
    }

    .about_inner.gall_sec,
    .order_dt1,
    .sec_pad {
        padding: 40px 0
    }
    .about_inner.gall_sec{
        padding-top: 20px;
    }
    .gallerry .col-md-2 img {
        height: 140px;
        border-radius: 10px
    }

    .slide_me .btn {
        width: 25px;
        height: 25px;
        font-size: 21px;
        line-height: 21px
    }

    .contact_us1 {
        padding: 15px
    }

    .ion_left h4 {
        font-size: 16px;
        margin-bottom: 1px
    }

    .ion_left i {
        font-size: 21px
    }

    .ion_left {
        padding-left: 30px
    }

    .box_4 .ord_img2 {
        width: 70px;
        height: 60px
    }

    .box_4 {
        padding-left: 80px;
        min-height: 90px
    }

    .box_4 h4 {
        font-size: 16px
    }

    .branch_droup .row .col-md-3 {
        width: 50%
    }

    .img_des1 {
        padding-left: 45px
    }

    .set_thank img {
        width: 70px
    }

    .set_thank h3 {
        font-size: 20px
    }

    .right_bar {
        display: none
    }

    .link_1.copy_innk {
        justify-content: center
    }

    .btn,
    .btn-sm,
    .btn_theme {
        padding: 4px 15px;
        font-size: 14px
    }

    .pad_t {
        padding-top: 40px
    }

    .pad_b {
        padding-bottom: 40px
    }

    .about_inner {
        min-height: initial
    }

    .btn_2 .btn {
        margin-bottom: 5px;
        padding: 5px 10px;
        font-size: 13px
    }

    .produt_dt2 h2 {
        font-size: 26px
    }

    .col-md-4 .category-box {
        margin-bottom: 25px
    }

    .col-md-4 .category-box .kitchen-rating span.nonvagdot,
    .col-md-4 .category-box .kitchen-rating span.vagdot {
        margin: 5px 5px 0 0
    }

    .sec_pad.branch .row {
        margin: 0 -7px
    }

    .sec_pad.branch .row .col-sm-4 {
        padding: 0 7px
    }

    .col-md-4 .category-box .vagdot,
    .col-md-4 .category-box .veg-nonveg-mob {
        top: 0 !important
    }

    .sidenav {
        width: 310px
    }

    .box_md1 .row div[class*=col-],
    .box_md2 .row .col-4 {
        padding: 0 5px
    }

    .box_md1 .row,
    .box_md2 .row {
        margin: 0 -5px
    }

    .check_b span {
        width: 16px;
        height: 16px;
        border-width: 1px
    }

    .check_b input:checked~span::after {
        font-size: 10px;
        top: -5px;
        left: 2px
    }

    .check_b.radioo span::before {
        width: 6px;
        height: 6px;
        top: 4px;
        left: 4px
    }

    .check_b {
        padding-left: 22px
    }

    .chang_m1 .col-6 {
        -ms-flex: 0 0 56%;
        flex: 0 0 56%;
        max-width: 56%
    }

    .chang_m1 .col-4 {
        -ms-flex: 0 0 27%;
        flex: 0 0 27%;
        max-width: 27%
    }

    .img_des1 {
        font-size: 11px;
        line-height: normal
    }

    .tab_mobile1 td:nth-child(2),
    .tab_mobile1 td:nth-child(4) {
        white-space: nowrap
    }
    .gallerry_list {
        background: transparent;
        box-shadow: none;
    }
    .gallerry_list ul {
        margin: 0 -6px;
        display: flex;
        flex-wrap: wrap;
    }
    .gallerry_list ul li {
        padding: 0 6px;
        border: none;
        width: 33%;
        float: left;
        margin-bottom: 20px;
    }
    .gallerry_list ul li .catimg1 {
        flex-wrap: wrap;
        justify-content: center;
    }
    .gallerry_list ul li .catimg1 img{
        width: 100%;
        height: 100px;
        margin: 0;
    }
    .gallerry_list ul li h4 {
        margin-top: 8px;
        font-size: 12px;
        font-family: "PopR";
        color: #000;
    }
    .gallerry_list ul li .active h4{
        color: red;
    }
    .gallerry .col-md-2 img {
        box-shadow: none;
        border: 1px solid var(--br);
    }
    #gallarytest .col-md-9.side2{
        display: none;
    }
    #gallarytest.testClass .col-md-3.side1{
        display: none;
    }
    #gallarytest.testClass .col-md-9.side2{
        display: block;
    }
    #gallarytest.testClass .header{
        display: none;
    }
    .back_gallery {
        margin-bottom: 20px;
        font-size: 18px;
        font-family: "PopM";
    }
    .back_gallery .btn {
        background: #fff;
        width: 35px;
        height: 35px;
        border-radius: 100%;
        padding: 0;
        border: 1px solid var(--br);
        font-size: 16px;
    margin-right: 10px;
    }
}

/* media Close */