@media screen and (min-width: 1601px) {

}


@media screen and (max-width: 1366px) {
h1 { font-size:35px;}
.SignUpBox { padding:50px 60px;}
.ClientList li .ClientImg span { font-size:13px;}
.ClientList li .ClientPh { font-size:13px;}
.Amnt { font-size:13px; margin-right:15px;}
.ClientList li .ActionPnl .btn { min-width:110px; font-size:13px;}


}


@media screen and (max-width: 1440px) {
.SrvcTitleDiv.SrvcTitleDivChange .Title li:last-child .btn { width:180px;}


}

@media screen and (max-width: 1366px) {
.SrvcTitleDiv.SrvcTitleDivChange .Title li:last-child .btn { width:125px;}


}



@media screen and (max-width: 1280px) {
.SrvcTitleDiv.SrvcTitleDivChange .Title li:first-child { width:35%;}

}


@media screen and (max-width: 1199px) {
.header { padding:20px 20px;}
.pagetitle h1 { font-size:22px;}
.header .toggle-sidebar-btn { padding-left:50px;}
.CmnModal .modal-dialog { max-width:95%;}
.CmnModal .RegdSrvcFrm .CmnBtn { max-width:400px; font-size:18px;}
.datepicker--nav { font-size:15px;}

.InboxClientList { width:400px;}
.MsgList li .Txt { flex:0 0 180px;}
.InboxMsgPnl { margin-left:400px;}

.SchdleAvlbleModal .modal-dialog { max-width:700px;}


}


@media (min-width: 768px) and (max-width: 991px) {
.LoginPnl { align-items:center;}
.SignUpBox { text-align:center; border-radius:30px;}
.SignUpBox .CmnBtn { display:inline-block;}
.InfoNote { width:auto; display:inline-block; text-align:left;}
.RegdBox { padding:50px 35px;}
.RegdBox img { margin-bottom:50px;}
h2 { font-size:22px;}
.TopPart p { font-size:15px;}
h5 { font-size:16px;}
.PflPicWrapper { max-width:140px;}
.PflPicWrapper .PflPic { width:140px; height:140px;}
.MiddlePart textarea.form-control { height:155px;}
.UploadBox { max-width:195px; padding:20px 20px; height:210px;}
.UploadBox img { max-width:30px; margin-bottom:15px;}
.SrvcTypes ul li label.control { font-size:14px;}
.SrvcTypes ul li label.control img { max-width:40px; margin-right:10px;}
.SrvcTypes ul li label.control .control__indicator { top:28%; right:12px;}
.datepicker { width:210px;}
.AddAvailability .Avl li .form-control.TimeField { max-width:185px;}
.AddAvailability .Avl li .NumWrapper .SlotNo.form-control { max-width:80px;}
.NumWrapper { align-items:center;}
.NumWrapper .button { width:35px; height:35px; border-radius:5px;}

.SrvcTitleDiv.AddNewSrvc .Title li { padding-right:10px;}
.SrvcTitleDiv.AddNewSrvc .Title li:first-child { width:32%;}
.SrvcTitleDiv.AddNewSrvc .Title li:last-child .btn { width:85px;}
.SrvcTitleDiv.AddNewSrvc .Title li .Sub li .input-group { width:85px;}
.SrvcTitleDiv.AddNewSrvc .Title li .form-control.Price { width:110px; padding-left:40px;}
.ModifyModal .SrvcTitleDiv.AddNewSrvc .Title li .form-control.Price { width:100%;}
.SchdleAvlbleModal .AccordionPanelContent .AddAvailability .Avl li .datepicker { width:315px;}


.SrvcTitleDiv.SrvcTitleDivChange .Title li:first-child { width:30%;}
.SrvcTitleDiv.SrvcTitleDivChange .Title li .Sub li .input-group { width:80px;}
.SrvcTitleDiv.SrvcTitleDivChange .Title li .form-control.Price { width:115px; padding-left:32px;}
.SrvcTitleDiv.SrvcTitleDivChange .Title li:last-child .btn { width:100px;}
.table_content .table td { font-size:12px; word-break:break-all;}
.profile_tab_content { padding-top:45px;}
.RegdFrm.BtmFrm li { width:100%;}
.RegdFrm li { margin-bottom:15px;}
.RegdFrm li label { margin-bottom:5px;}
.profile_form_content h3 { margin-bottom:15px;}
.profile_form_content .RegdFrm li .CmnBtn { padding:5px 20px;}





}


@media (max-width: 767px) {
.LoginPnl { align-items:center; padding:0;}
.SignUpBox { text-align:center; border-radius:15px; padding:25px 25px;}
.SignUpBox img { max-width:130px;}
h1 { font-size:22px;}
.InfoNote { margin-bottom:25px;}
.InfoNote li { font-size:16px; background-position:left top 2px;}
.CmnBtn { font-size:17px; max-width:250px; padding:15px 20px;}
.SignUpBox .CmnBtn { display:inline-block;}
.InfoNote { width:auto; display:inline-block; text-align:left;}

.RegisterPnl { padding:35px 0 50px 0;}
.RegisterPnl img { max-width:130px; margin-bottom:20px;}
.RegisterPnl .AlrdyRegd { font-size:15px; margin-bottom:35px;}
.RegdBox { padding:35px 10px; border-radius:15px;}
.RegdBox img { margin-bottom:35px; max-width:220px;}
.RegisterPnl .WrapperBox { padding:0 15px;}
.RegdFrm li { width:100%; margin-bottom:10px;}
.RegdFrm li .CmnBtn { margin-top:30px;}
.TopPart { display:block; text-align:center;}
h2 { font-size:18px;}
.TopPart p { font-size:14px;}
.TopPart .RhtDiv { text-align:center;}
.TopPart .RhtDiv img { max-width:200px; display:inline-block;}
.MiddlePart { display:block; text-align:center; margin-bottom:35px;}
.PflPicWrapper { display:inline-block; margin-bottom:35px;}
.PflPicWrapper .PflPic { width:125px; height:125px;}
.MiddlePart textarea.form-control { height:135px;}
.MiddlePart + h5 { text-align:center;}
.BtmPart { display:block; text-align:center; margin-bottom:15px;}
.UploadBox { display:inline-block; margin-bottom:25px;}
.RegdSrvcFrm h5 { margin-bottom:30px;}
.SrvcTypes { padding-bottom:25px;}
.SrvcTypes ul { display:block;}
.SrvcTypes ul li { width:100%;}
.SrvcTypes ul li label.control { font-size:14px;}
.SrvcTypes ul li label.control img { max-width:40px; margin-right:10px;}
.SrvcTypes ul li label.control .control__indicator { top:28%; right:12px;}
.SrvcTitleDiv { padding:15px 0;}
.SrvcTitleDiv .Title { display:block;}
.SrvcTitleDiv .Title li { width:100%; margin-bottom:15px;}
.SrvcTitleDiv .Title li .Sub li { margin:0; width:31%;}
/*.DateWrapper { display:block;}
.DateWrapper .LftPnl { width:100%;}*/
.DateWrapper .LftPnl h5 { font-size:13px;}
.DateWrapper .LftPnl .timing li { margin:0 7px 7px 0;}
.DateWrapper .RhtPnl .EditBtn { margin-right:7px;}
.DateWrapper .RhtPnl a img { max-width:16px;}
.AddTime img { margin-bottom:0;}
.AddAvailability { padding:30px 0;}
.AddAvailability .Avl { display:block;}
.AddAvailability .Avl li { margin-bottom:35px;}
.datepicker { width:93%;}
.AddAvailability .Avl li .form-control.TimeField { margin-bottom:10px;}
.SaveBtn { float:none; margin:0;}
.AlmostThere p { font-size:14px;}
.AlmostThere { padding-bottom:35px; margin-bottom:35px;}
.ActivationBtns a { display:inline-block; margin-bottom:10px;}

.header { padding:10px 15px;}
.header .logo img { max-width:95px;}
.header .toggle-sidebar-btn { padding-left:15px;}
.header-nav .nav-icon { padding:0 15px 0 0; font-size:20px;}
.header-nav .badge-number { right:8px; top:-8px;}
.header-nav .nav-profile { padding:0;}
.header-nav .nav-profile img { margin:0; max-height:42px;}
.header-nav .badge-number { font-size:9px; width:18px; height:18px;}
#main { margin-top:70px;}
.sidebar { width:300px; top:70px;}
.TtlVisitor { padding:20px 20px;}
.TtlVisitor .VisitorWrapper p { font-size:14px; margin:0;}
.TtlVisitor .VisitorWrapper h3 { font-size:42px;}
.TtlVisitor .VisitorWrapper { background-size:90px; height:150px;}
.sidebar-nav .nav-link { padding:8px 20px; font-size:14px;}
.sidebar-nav .nav-item { margin-bottom:10px;}
.pagetitle { margin-bottom:30px; display:block;}
.pagetitle h2 { margin-bottom:0; font-size:20px;}
.pagetitle h1 { font-size:16px; margin-right:20px; padding-right:20px;}
.pagetitle .AddTime { line-height:30px;}
.pagetitle .AddTime img { max-width:30px;}
.header-nav .profile { max-width:165px; left:auto; right:10px;}
.Srvc li { padding:15px 15px; display:block;}
.Srvc li .LftPnl { margin-bottom:10px;}
.Srvc li .LftPnl h5 { font-size:14px;}
.Srvc li .LftPnl .Dtls span { font-size:13px;}

.SelServc { min-width:190px; font-size:12px;}
.SrvcBody { padding:20px 15px;}
.DateTag { min-width:150px; margin-bottom:10px; font-size:12px; padding:10px;}
.TimeHead .TimeTag { padding:5px 10px; font-size:12px;}
.ClientList li { display:block;}
.ClientList li .ClientImg { width:100%; display:block !important; margin-bottom:10px;}
.ClientList li .ClientPh { width:100%; display:block; margin-bottom:10px;}
.ClientList li .ActionPnl { width:100%; display:block;}
.Amnt { display:block; margin:0 0 10px 0;}

/*------------------------------- My-Inbox-page end -------------------------------*/
.InboxClientList { 
	position: relative;
	top: 40px;
    width: 100%;
}
.HeadingBox { 
	padding-bottom: 35px;
}
.MsgList { 
	max-height: 300px;
	overflow-y: auto;
}
.InboxMsgPnl { 
	margin-left: 0px;
	padding-left: 20px;
	padding-right: 20px;
}
.MsgHead .Txt h4 .mailId { 
	display: block;
	margin-left: 0px;
}
.MsgHead .btn { 
	width: 100px;
}
.ReplyMsg { 
	margin-bottom: 40px;
}
/*------------------------------- My-Inbox-page end -------------------------------*/

.DashboardBtn { width:150px; font-size:13px; margin:0;}
.DashboardBtn.Schedule { margin-left:8px;}
.ServiceLists { padding:30px 20px; margin-bottom:30px;}
.ServiceLists .pagetitle { margin-bottom:15px;}
.ServiceLists .pagetitle h3 { font-size:17px; margin-bottom:10px;}
.Srvc li .LftPnl h4 { font-size:15px;}
.AddNewSrvc { padding:15px 15px;}
.SrvcTitleDiv.AddNewSrvc .Title li { padding:0;}
.SrvcTitleDiv.AddNewSrvc .Title li:first-child { width:100%;}
.SrvcTitleDiv.AddNewSrvc .Title li .Sub { justify-content:flex-start;}
.SrvcTitleDiv.AddNewSrvc .Title li .Sub li .input-group { margin-right:10px;}
.ModifyModal .SrvcTitleDiv { padding:15px 0;}
.SchdleAvlbleModal.CmnModal .modal-dialog .modal-header { padding-left:23px; padding-right:23px;}
.SchdleAvlbleModal .RegdSrvcFrm { padding:0 8px;}
.SchdleAvlbleModal .AccordionPanelContent .SrvcTitleDiv .Title { display:flex;}
.SchdleAvlbleModal .AccordionPanelContent .SrvcTitleDiv .Title li { margin:0;}
.SchdleAvlbleModal .AccordionPanelContent .SrvcTitleDiv .Title li .form-control { margin-right:10px;}
.AccordionPanelTab { font-size:15px; line-height:23px;}
.SchdleAvlbleModal .AccordionPanelContent .SrvcTitleDiv .Title li .SaveBtn { margin-top:10px;}
.SchdleAvlbleModal .AccordionPanelContent .AddAvailability .Avl .datepicker-here { margin-right:0;}
.SchdleAvlbleModal .AccordionPanelContent .AddAvailability .SrvcTitleDiv .Title { display:flex;}
.SchdleAvlbleModal .AccordionPanelContent .AddAvailability .SrvcTitleDiv .Title li { margin:0 10px 0 0;}
.SchdleAvlbleModal .AccordionPanelContent .AvailableDate .DateWrapper { display:block;}
.SchdleAvlbleModal .AccordionPanelContent .AvailableDate .DateWrapper .LftPnl { width:100%; margin:0 0 15px 0;}
.SchdleAvlbleModal .AccordionPanelContent .AvailableDate .DateWrapper .LftPnl .timing li:first-child { flex:0 0 100%; margin-bottom:10px;}
.SchdleAvlbleModal .AccordionPanelContent .AvailableDate .DateWrapper .LftPnl .timing li h4 { font-size:13px;}
.SchdleAvlbleModal .AccordionPanelContent .AvailableDate .DateWrapper .RhtPnl { width:100%;}

.AvailableTbl { display:block;}
.AvailableTbl tbody, .AvailableTbl tr { display:block;}
.AvailableTbl tr:first-child { display:none;}
.AvailableTbl td { padding:7px 0;}
.AvailableTbl td:first-child { display:block; width:100%;}
.AvailableTbl td:nth-child(2) { display:block;}
.AvailableTbl td:nth-child(3) { padding-right:15px;}
.AvailableTbl td .form-control { padding:10px 15px;}
.AvailableTbl td select.form-control { width:100%; padding:10px 15px;}
.AvailableTbl td label { font-size:13px;}
.AvailableTbl tr:last-child td:first-child { display:none;}


.pagetitle .RhtBtns { display:block; float:none; margin-top:15px;}
.DashboardBtn { padding:10px;}
.AddTime.AddSrvc { justify-content:start; }
.CmnModal .modal-dialog { margin:75px auto 25px;}
.pagetitle .AddTime img {}
.SrvcTitleDiv.SrvcTitleDivChange .Title li:first-child { width:100%; padding:0;}
.SrvcTitleDiv.SrvcTitleDivChange .Title li { width:100%; padding:0;}
.SrvcTitleDiv.SrvcTitleDivChange .Title li .Sub li .input-group { width:150px;}
.SrvcTitleDiv.SrvcTitleDivChange .Title li:last-child .btn { font-size:16px; padding:7px 10px;}
.ModifyModal.CmnModal .modal-dialog { max-width:92%;}
.CmnBtn { max-width:175px; padding:10px 20px;}
.CmnModal .modal-header .close { top:15px; right:15px;}
.header-nav .profile { padding-top:0; min-width:0; max-width:120px;}
.header-nav .profile .dropdown-item { font-size:12px;}
.notifications { min-width:250px; width:auto !important; padding-top:15px;}
.dropdown .notifications li:first-child { margin-bottom:10px; padding:0 15px;}
.header-nav .notifications .notification-item { padding:10px 15px;}
.dropdown .notifications .dropdown-header h4 { font-size:14px;}
.dropdown .notifications .notification-item .textSpan .headingSpan { font-size:12px;}
.dropdown .notifications .notification-item .textSpan .paraSpan { font-size:11px;}
.noti_Sec { padding:25px;}
.noti_Sec .noti_list li .imgDiv { float:left;}
.noti_Sec .noti_list li .textDiv { display:table-cell; top:0; padding-right:35px;}
.noti_Sec .noti_list li .heading_text { font-size:12px;}
.noti_Sec .noti_list li:last-child { padding:0;}
.uploadProfileImg { float:none; margin:0 auto 50px; width:140px; height:140px;}
.uploadProfileImg .header-lft { width:140px; height:140px;}
.uploadProfileImg .header-lft span { width:140px; height:140px;}
.uploadProfileImg .header-lft .p-image { left:47px;}
.RegdFrm li .ServLocation.form-control { padding-right:50px;}
.profile_form_content .RegdFrm li .CmnBtn { padding:10px 20px;}
.profile_form_content .RegdFrm li .upload_document_sec { padding:20px; text-align:center;}
.profile_form_content .RegdFrm li .upload_document_sec h4 { margin-bottom:10px; font-size:16px;}
.profile_form_content .upload-content .p-image { float:none; margin:0 auto 10px;}
.profile_form_content .upload_list li { width:auto; display:inline-block; margin:0;}
.profile_form_content .upload_list li .gray_list_box { height:45px; line-height:45px;}





}


@media screen and (max-width:736px) {


}


@media screen and (max-width:667px) {

}


@media screen and (max-width:640px) {


}


@media screen and (max-width:568px) {



}


@media screen and (max-width: 480px) {

}


@media screen and (max-width: 414px) {


}


@media screen and (max-width: 375px) {

}


@media screen and (max-width: 360px) {

}


@media screen and (max-width: 320px) {
.DashboardBtn.Schedule { margin:10px 0 0 0;}
.Srvc li .RhtPnl .btn.Del { margin:0 0 7px 0;}

}