/*// f the browser window is 600px or smaller*/
@media only screen and (max-width: 600px){
	body{
		overflow-y: auto;
	}
    ul.list-unstyled.d-inline-flex.monitor-box {
    margin-left: auto;
    margin-right: auto;
    display: block!important;
    text-align: center;
        width: 100%;
        height: 146px;
}
#mbl-nor{
display: none;
}
.bg-img {
   display: none;
}
.logo-topheader{
    width: 150px;
    position: relative;
    top: 0px;
    display: block!important;
    margin-right: 25px;
}
.bg-side{
    display: none;
}
#padng-main-login {
    margin-top: 100px;
}
.iimg {
    width: 11px!important;
    height: 100%!important;
}
img#check-click5 {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}
#service5 {
    margin: 3px 3px!important;
    font-weight: normal;
    font-size: 11px;
}
#service1 {
    font-size: 11px!important;
}
#service2 {
    font-size: 11px!important;
}
#service3 {
    font-size: 11px!important;
}
img#check-click4 {
    width: 53px;
    height: 39px;
    margin-bottom: 10px;
}
img#check-click {
    width: 44px;
    height: 40px;
    margin-bottom: 10px;
}
img#check-click1 {
    width: 45px;
    height: 45px;
    margin-bottom: 10px;
}
.info {
    top: 70%!important;
}
.info1 {
   top: 70%!important;
}
.info2 {
   top: 70%!important;
}
.info3 {
   top: 70%!important;
}
p.hrs-mbl {
    margin-top: -18px;
    white-space: pre;
}
#row-mb-dashbrd{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
#row-mb-dashbrd1{
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.mbl-li-dashbrd{
position: relative;left: 10px;
}
p.text-test{
    display: none;
}
.points-settings{
  color: #555;
    font-size: 13px;
    position: absolute;
    right: -6px!important;}
    #daily-tip-box-settings{
        margin-top: 20px;
    }
	#mbl-top {
    /* display: none; */
    /* margin-top: 0px!important; */
    display: inline-flex;
    position: absolute;
    top: -46px;
    right: 0px;
}
ul#profile-mbl {
    color: #f25a29;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    cursor: pointer;
    margin-top: -36px;
}
ul#profile-mbl1 {
    color: #f25a29;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    cursor: pointer;
    margin-top: 6px;

}
a.welcom-guest {
    margin-right: 29px;
}
#mbl-line{
	display: none;
}
	.logout-box{
		top: 0px!important;
	}
	.desktop-navbar{
		display: none;
	}
	#navbar-toggler{
   color: #f25b2b;
    border-color: rgba(0,0,0,.1);
    position: absolute!important;
    top: 0px!important;
    display: block!important;
    font-size: 30px;
}
#nav-bar1 {
    height: 0px!important;
    margin-top: 12px;
}
.pricelist-mbl-block{
	overflow-x: scroll;
	height: 141px;
}
.top-block-staempress{
	display: inline-flex;
	left: 0px;
}
.list-unstyled.d-inline-flex.m-auto.top-block-staempress {
    position: relative;
    left: 1%0;
    top: 17px;
    left: 3px!important;
}
.navbarSupportedContent1 {
    height: 100vh;
    padding: 2;
    width: 204px;
}
ul#wtf-menu {
    position: absolute!important;
    top: 26px!important;
    background: #fff;
    padding: 38px 16px;
    left: 0px;
    height: 100vh;
}
.navbar-light .navbar-nav .nav-link {
    color: gray!important;
    font-size: 14px!important;
    /* font-weight: 500; */
}
li.usrName.mr-4 {
    display: none;
}
.bg1 {
    background-color: #d9eaf2;
    border-radius: 8px;
    height: auto;
    margin-bottom: 21px;
    margin-top: 21px;
}
.bg{
    background-color: #d9eaf2;
    border-radius: 8px;
    height: auto;
    margin-bottom: 21px;
    margin-top: 21px;
}
#edit-bg {
    height: auto;
     margin-bottom: 21px;
    margin-top: 21px;
}
#container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
     margin-left: 0px; 
}
#dail-h5 {
    font-size: 16px;
    white-space: nowrap;
    margin-left: 20px!important;
}
p.float-right.mr-5.p-all-pro {
    margin-right: 20px!important;
}
.h5-dashboard-mbl{
	font-size: 15px;
}
#sect-dashboard-mbl{
	margin-top: 10px;
	margin-bottom: 10px;
}
/*table pickup req*/
#row-main {
    padding: 80px 0px;
}
.new-progile-mnu{
    display: block;
}
.mbl-row-pd{
	padding: 0px 11px!important;
	padding-bottom:0px; 
}
.pric-box1 {
    background: #fff;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 3px;
}
#table-responsive{
    display: block!important;
    width: 100%!important;
    overflow-x: auto!important;
    -webkit-overflow-scrolling: touch!important;
    height: auto!important;
}
.pickup-req-box {
    height: auto;
    background-color: transparent;
    border-radius: 8px;
    padding: 0px!important;
}

a#profile-tab {
    font-size: 13px;
}
a#home-tab {
    font-size: 13px;
}
a#holiday-tab {
    font-size: 13px;
    margin-top: 9px!important;
}
a#weekoff-tab {
    font-size: 13px;
    margin-top: 9px!important;
}
ul.list-unstyled.d-inline-flex.text-dark.mt-5.ml-5.pl-1 {
	margin-left: 20px!important;
}
ul.list-unstyled.d-inline-flex.text-dark.ml-5 {
    margin-left: 20px!important;
}
.grid-view-float.float-right.mr-5 {
    float: left!important;
    margin-left: 1px!important;
}
.edit-box {
    background-color: #fff!important;
    border: 1px solid #ededed!important;
    border-radius: 4px!important;
    padding: 10px 36px;
    max-width: 200px;
    position: absolute;
    top: 39px;
    right: 25px;
}
.prfoile-block h3{
	font-size: 18px;
	margin-top: 10px;
}
#tabs-mbl{
	margin: 10px 0px!important;
    width: 330px;
    display: inline-flex!important;
    overflow-x: auto;
}
.border-btm-mbl{
	border-bottom:none;
	border-right: 0px!important;
	border-left: 0px!important;
	margin:10px 0px!important;
}
#price-name-mbl {
    margin-left: 12px!important;
    text-align: left!important;
}
#price-nor-mbl{
	position: absolute;
    left: 25px;
}
button#update-mbl-btn{
    position: relative;
    top: -22px;
}
#order-tabs-mbl{
	display: inline-flex!important;
	overflow-x: auto!important;
	margin: 0px 35px!important;
}
.fa-star {
    font-size: 42px!important;
    align-content: center;
    margin: auto;
}
div#myTable_filter {
    float: left;
}
div#myTable_length {
    float: left;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center;
}
.mbl-row-setting{
	padding: 10px;
}
/*users dashboard*/
.h5-heading-call {
    font-size: 15px;
     white-space: normal!important; 
}
#joined-mbl{
	float: left!important;
}
.mbl-schdl-pickup{
	padding: 0px 7px!important;
}
#mbl-order-sumry{
	height: auto;
}
.daily-tip-box-coupan{
	height: auto;
    margin: 0 10px;
}
.col-auto {
    width: 100%!important;
}
button.btn.btn-primary.ml-auto.mr-auto.d-block.btn-lg.mt-4.cnfrm {
    margin-top: 2px!important;
    font-size: 18px;
}
#price-list-box {
    margin: 0px 10px;
}
#price-list-box-1 {
    margin: 0px 10px;
}
#price-list-box-2 {
    margin: 0px 10px;
}
.daily-tip-box-order {
    margin: 0px 10px;
}
.daily-tip-box {
    margin: 0px 10px;
}
.daily-tip-box1 {
    margin: 0 10px;
}
.profile-box-update{
	margin: 0px 10px;
}
.profile-info-box{
	margin: 0px 10px;
}
.profile-contact-box {
	margin: 0px 10px;
}
.profile-box-map {
 margin: 0px 10px;
}
select#pick_date {
    font-size: 11px!important;
}
select#pick_time {
    font-size: 11px!important;
}
select#del_date {
    font-size: 11px!important;
}
select#del_time {
    font-size: 11px!important;
}
/*loginscreen*/
#login-container-mbl {
    overflow-y: auto;
    height: 100vh;
}
.pdng-main {
    left: 0px;
    width: 100%!important;
    top: 17px;
    padding: 8px;
    background-color: #fff;
    position: absolute;
  
}
#padng-main-login{

}
.pdng-main1 {
    left: 0px;
    width: 100%!important;
    top: 80px;
    padding: 8px;
    position: absolute;
}
div#pdng-main-otp{
    left: 0px;
    width: 100%!important;
    top: 90px;
    padding: 8px;
    background-color: #fff;
}
h1.heading {
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 40px;
}
.col-lg-4.col-md-4.col-12.bg-side {
    height: 100px!important;
    position: fixed;
    /*z-index: 9999999;*/
    bottom: 0;
}
.mbl-p{
    font-weight: 600;
}
#service1{
    margin: 3px 3px!important;
    font-weight: normal;
        font-size: 12px;
}
#service2{
    margin: 3px 3px!important;
    font-weight: normal;
        font-size: 12px;
}
#service3{
    margin: 3px 3px!important;
    font-weight: normal;
        font-size: 12px;
}
.profile {
    width: 76px;
    height: 76px;
    margin: auto;
    display: block;
    border-radius: 100%;
}
#carouselExampleFade1{
	height: 60px!important;
    z-index: 0;

}
.logo-login {
    width: 88%;
    margin: auto;
    display: block;
}
.img-slide {
	width: 366px!important;
    height: 250px;
    margin: auto;
    display: block;
}
/*.bottom {
    background-color: whitesmoke;
    height: 343px;
}*/
a.nav-link.forgot {
    margin-top: -26px!important;
}
.form-check-input {
    margin-top: 4px;
}
a.nav-link.forgot.mbl-frgt-psd{
	margin-top: -8px!important;
}
#pdng-main-forgot {
    top: 100px;
    left: 0;
    padding: 19px;
}
.bottom{
    display: none;
    background-color: ;
    height: 0;
}
.btn-primary-mbl-schdl{
    /*background-color: #0ea7ee!important;*/
   background-color: #0ea7ee!important;
    border-color: #0ea7ee!important;
     font-size: 11px;
    padding: 4px;
    white-space: nowrap;
}
}
@media only screen and (max-width: 320px) {
    .daily-tip-box {
    background-color: #fff;
    border-radius: 8px;
    padding: 10px 0px;
    height: 200px;
}
img#check-click4 {
    width: 37px;
    height: 34px;
    margin-bottom: 10px;
}
img#check-click5 {
    width: 37px;
    height: 34px;
    margin-bottom: 10px;
}
img#check-click1 {
    width: 37px;
    height: 34px;
    margin-bottom: 10px;
}
img#check-click {
    width: 37px;
    height: 34px;
    margin-bottom: 10px;
}
.text-center.wash-text {
    font-size: 10px;
}
p.hrs-mbl {
    font-size: 10px;
}
}