/*---------------------------------------------------------------------*/
/*Tab Responsive*/
/*---------------------------------------------------------------------*/
@media (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
    .switch-lang{
        position: absolute;
        right: 76%;
        top: 16px;
        z-index: 1081;
        margin: 0px !important;
    }
    .md-d-none{
        display: none !important;
    }
    .content-wrapper{
        width: calc(100% - 272px) !important;
    }
    .page-top-title {
        padding: 11px 10px !important;
    }
    .nav-link.lh-48 {
        line-height: 41px;
    }
    .nav-tabs .nav-link{
        padding: 0.5rem 2.25rem !important;
    }
    .sidebar_div_main{
        padding-left: 0;
        min-height: 768px !important;
    }
    .outlet-status{
        padding: 18px 30px 15px 45px !important;
        
   }
   .outlet-status-radio-text{
    margin-bottom: 0 !important;
   }
   .outlet-status-on-off {
    margin-top: -3px !important;
   }
   .main-header .navbar-custom-menu{
        display: none !important;
    }

    
}


@media (device-width: 854px) and (device-height: 534px) {
    .light-skin .main-sidebar.d-md-none{
        display: block !important;
    }
    .navbar.navbar-static-top.d-flex.align-items-end.flex-column.mb-0.md-d-none{
        display: none !important;
    }
    .fixed .multinav, .main-header div.logo-box{
        width: 19.29rem !important;
    }
    .page-top-title {
        padding: 14px 10px !important;
    }
    .main-header .navbar-custom-menu{
        display: none !important;
    }
    .tab-bar-section .app.ovrflow-x-auto .nav-tabs .nav-link{
        padding: 0.5rem 2rem !important;
    }
    .tab-bar-section{
        margin-left: 10px;
    }
    .p-outletnameP{
        padding-left: 15px !important;
        padding-right: 7px !important;
    }
    .resto-menu.mt-5.sm-pl-0{
        padding-left: 0 !important;
    }
    .outlet-status{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .outlet-status .justify-content-start{
        align-items: center;
    }
    .user-add-outlet{
      width: 50% !important;
    }
    .sidebar_div_main{
        padding-left: 0 !important;
    }
    .md-pl-0{
        padding-left: 0 !important;
    }
    .md-pr-0{
        padding-right: 0 !important;
    }
    .ar-mrl-adjust{
        margin-left: 0 !important;
    }
    .md-plr-0{
        padding: 0 !important;
    }
}

@media (max-width: 992px) {
    #image-preview{
        width: 100% !important;
    }
}

/*---------------------------------------------------------------------*/
/*Mobile Responsive*/
/*---------------------------------------------------------------------*/
@media (max-width: 767px) {
	.page-top-title{
		margin-top: 20px;
	}
	.main-header .logo{
		padding: 0 15px;
	}
	.content-wrapper{
		padding: 0 10px;
	}
	.left_bar.mx-10 {
		margin-left: 5px !important;
    	margin-right: 10px !important;
	}
	.count_title{
	  width: 75px;
	}
	.sidebar-menu.tree {
	  margin-top:0;
	  margin-left:0;
	}
	.main-sidebar{
        top: 0;
        left: 0;
        padding-top: 30px;
        min-height: 100%;
    }
    .resto-name-long{
    	top: -2px !important;
    }
    ul.footer-drop{
    	background-color: #ffd684;
    }
    .main-sidebar .sidebar-footer ul.footer-drop{
        left: 0 !important;
	    right: auto !important;
	    width: 100%;
	    margin-bottom: 51px !important;
	    transform: translate(0) !important;
	    
    }
    body.sidebar-open{
    	overflow-y: hidden;
    }
    .hs.full.nav.nav-tabs {
        height: 50px;
        margin-top: 11px;
        width: max-content;
        background: #fff;
    }
    .sm-m-0{
    	margin: 0 !important;
    }
    .app.ovrflow-x-auto{
    	padding-bottom: 5px;
    }
    .tab-bar-section{
		background:#f1f1f1;  
	}
	.content-wrapper{
		width: 100% !important;
	}
	.row.pt-15.pl-10.pr-10{
		padding-right:15px;
	}
	.sm-pl-0{
		padding-left: 0;
	}
	.sm-pl-3{
		padding-left: 3px;
	}
	.order-his-tbl .dataTables_wrapper{
		padding-right: 0;
    	background: #fff;
	}
	.order-his-tbl .pagination li.previous{
		padding-right: 0 !important;
	}
	.order-his-tbl .pagination  li.next{
	  padding-left: 0px !important;
	}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination{
		width: 100% !important;
	}
	.sm-ml-10{
		margin-left:10px;
	}
	.sm-ml-0{
		margin-left: 0 !important;
	}
	.ar-p-0{
		padding: 0 !important;
	}
	.outlet-status{
		margin-top: 15px;
		padding-left: 22px!important;
		padding-right: 32px !important;
	}
	.outlet-status-on-off{
        margin-top: 0px !important;
    }
    .p-outletnameP, .resto-menu li .nav-link{
    	padding-left: 12px !important;
    }
    .sm-pl-0{
    	padding-left: 0 !important;
    }
    .resto-menu{
    	padding-right: 6px;
    }
    .resto-menu li{
    	padding-left: 0 !important;
    }
    .address-title{
    	padding-left: 15px;
    	padding-right: 15px;
    }
    .sm-p-0{
    	padding: 0 !important;

    }
    #pac-input{
    	width: calc(100% - 44px) !important;
    }
    .sm-mlr-0, .update-hour-status{
    	margin-right: 0 !important;
    	margin-left: 0 !important;
    }
    .sm-mlr-12{
    	margin-right: 12px !important;
    	margin-left: 12px !important;
    }
    .sm-plr-30.p-15{
    	padding: 5px 28px 5px 28px !important;
    }
    .hours-action, .text-primary.add-more-hours{
    	font-size: 14px;
    	margin: 10px 12px;
    	justify-content: flex-end;
    	padding-right: 30px !important;
    }
    .sm-pr-15{
    	padding-right: 15px;
    }
    .sm-mb-10
    {
    	margin-bottom:10px;
    }
    .sm-d-none{
    	display: none;
    }
    .flex-items-wrap{
    	display: grid;
	    align-items: center;
	    gap: 20px;
	    width: 100%;
	    grid-template-columns: 20% 74%;
    }
    .sm-justify-end{
    	justify-content: flex-end;
    }
    .sm-mlr-5{
    	margin-right: 5px !important;
    	margin-left: 5px !important;
    }
    .lg-d-none{
        display: block !important;
    }
    .fa-ban.delete-hour{
    	text-align: right;
    	display: block;
    	margin-top: 5px;
    }
    .visiblity-none{
        display: none !important;
    }
    .bootstrap-timepicker.mt-2.flex-items-wrap{
    	margin-top: 0px;
    }
    .sm-prl-15, .sm-prl-15.p-15{
    	padding-left: 15px !important;
    	padding-right: 15px !important;
    }
    .sm-text-center{
    	text-align: center;
    }
    .sm-mtb-7{
    	margin-top: 7px !important;
    	margin-bottom: 7px !important;
    }
    .sm-justify-center{
    	justify-content: center;
    }
    .qr-card{
		background: #ffefcf;
		padding: 6px;
    }
    .qr-output{
    	padding: 25px;
    	background: #fff;
    }
    .sm-pt-0{
    	padding-top: 0 !important;
    }
    .category_title{
    	margin-left: 12px !important;
    	margin-right: 12px !important;
    }
    .add_btn_div{
	    padding-right: 20px !important;
	    padding-left: 20px !important;
    }
    .sm-justify-spacebetween{
    	justify-content: space-between;
    }
    .mr-12.sm-mr-0{
    	margin-right: 0 !important;
    }
    .top-title.sm-ml-0{
    	margin-left: 0 !important;
    	margin-right: 12 !important;
    }
    .sm-mt-15{
    	margin-top: 15px !important;
    }
    .sm-plr-12{
    	padding-left: 12px !important;
    	padding-right: 12px !important;
    }
    .text-align-ar-adjust{
        text-align: right !important;
    }
     #recipe-lists{
     	width:  100% !important;
     }
     .sm-justify-start{
     	justify-content: flex-start !important;
     }
     .sm-plr-22{
     	padding-left: 22px !important;
     	padding-right: 22px !important;
     }
     .sm-tab-content.tab-content > .tab-pane{
     	display: block !important;
     }
     .sm-pl-0 {
     	padding-left: 0 !important;
     }
     .fs-20p{
     	font-size: 20px !important;
     }
     .content-header.market-title{
     	margin-top: 10px;
     }
     .sm-plr-12{
     	padding-left: 12px !important;
     	padding-right: 12px !important;
     }
     .link_progress_bar_div{
          width:84% !important;
       }

    .bd-highlight-w-50, .right_text_div-w-50{
     width: 50%;
    }
    .count_small_tag{
        text-align: center !important;
    }
    .sm-mr-pr-0{
        padding-left: 0;
        margin-left: 0;
    }
 }