@media only screen and (min-width: 1600px){
	
	.reservation-section .form-column .inner-box,
    .reservation-section .offer-column .inner-box-content{
		padding-left: 80px;
		padding-right: 80px;
	}
    .frlncr-height{
        width: 57% !important;
    }
	
}
@media only screen and (max-width: 1424px){
    .total__text{
        top: 42% !important;
    }
}
@media only screen and (max-width: 1418px){
    .total__text{
        top: 39% !important;
    }
}
@media only screen and (max-width: 1403px) {
    .timeline-prof::after{
        bottom: 145px !important;
    }
}
@media only screen and (max-width: 1400px){
    .profile-content {
        margin: 0 -40px !important;
    }
    .medic-desc p{
        margin-bottom: 15px !important;
    }
    .pagi-nxt{
        padding: 8px 20px !important;
    }
    .pres-section .pagination{
        margin-left: 0px;
    }
}
@media only screen and (max-width: 1395px){
    .dash-icon-red{
        margin-bottom: 10px !important;
    }
    .dash-count-red{
        margin-top: 8px !important;
    }
    .dash-text-red{
        margin-bottom: 0px !important;
    }
    }
@media only screen and (max-width: 1389px){
    .dash-icon-green{
        margin-bottom: 10px !important;
    }
    .dash-count-green{
        margin-top: 8px !important;
    }
    .dash-text-green{
        margin-bottom: 0px !important;
    }
}
@media only screen and (max-width: 1387px){
    .w-14 {
        width: 14% !important;
    }
    .greet-name span{
        display: block;
    }
    .dash-first-col {
        padding: 18px 25px 28px !important;
    }
    .greet-bottom{
        bottom: 20px !important;
    }
}
@media only screen and (max-width: 1347px){
    .w-14 {
        width: 13.8% !important;
    }
    .morning-time .container-radio {
        padding: 12px 12px 12px 40px !important;
        font-size: 14px !important;
    }
    .morning-time .checkmark-radio {
        top: 15px !important;
        left: 12px !important;
    }
    .profile-content {
        margin: 0 -20px !important;
    }
    .column-rc-1 {
        width: 30% !important;
    }
    .column-rc-2 {
        width: 70% !important;
    }
}
@media only screen and (min-width: 1382px){
    .pagination{
        margin-right: 0px !important;
    }
    .show-num{
        padding-left: 0px !important;
    }
}
@media only screen and (min-width: 1364px){
    .pagination{
        margin-right: 0px !important;
    }
    .show-num{
        padding-left: 0px !important;
    }
}
@media only screen and (min-width: 1340px){
	
	.reservation-section .form-column .inner-box,
    .reservation-section .offer-column .inner-box-content{
		padding-left: 30px;
		padding-right: 30px;
	}
    .pres-section .tbl-file tr td{
        padding-left: 0px;
    }
    .wid-70 {
        width: 60%;
    }
    .ml-15 {
        margin-left: 5px;
    }
}
@media only screen and (max-width: 1356px){
    .total__text{
        font-size: 12px;
        top: 39% !important;
    }
    .tp-gender{
        margin-left: -30px !important
    }
}
@media only screen and (max-width: 1338px){
    .total__text{
        top: 38% !important;
    }
}
@media only screen and (max-width: 1340px){
	.page-wrapper{
		overflow:hidden;	
	}
	
	.our-gallery .owl-controls .owl-nav{
		bottom: 30px;
	}
     #donutchart{
        margin-left: -100px !important;
    }
    .tbl-start-time input{
        width: 31px !important;
    }
    .tbl-start-time span{
        margin: 0px 5px 0px 0px !important;
    }
}
@media only screen and (max-width: 1328px){
    .history-section .tbl-row, .history-section .tbl-head{
        padding-left: 15px !important;
    }
    .history-section .appointment-table {
        padding-right: 0px !important;
    }
    .history-section .table-prof-img{
        margin-right: 5px !important;
    }
    .history-section .drop-right {
        margin-right: 0px !important;
    }
}
@media only screen and (max-width: 1325px){
    .avail_calendar div.zabuto_calendar div.legend{
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    .avail_calendar div.zabuto_calendar .legend-block span{
        font-size: 12px !important;
    }
    .avail_calendar div.zabuto_calendar ul.legend li {
        height: 11px !important;
        width: 11px !important;
    }
}
@media only screen and (min-width: 1322px){
    .pres-section .tbl-file tr td{
        padding: 24px 0px;
    }
    .wid-70 {
        width: 60%;
    }
}
@media only screen and (max-width: 1322px){
    .bodymes-date{
        float: none;
    }
    .pres-section .tbl-file tr td{
        padding: 24px 0px;
    }
    .wid-70 {
        width: 60%;
    }
    .pl-30 {
        padding-left: 20px !important;
    }
    .pres-input input{
        width: 100%;
    }
    .archives-files .tbl-file tr td,.archives-files .tbl-file tr th{
        padding-left: 20px;
        padding-right: 10px;
    }
    table.bookmark{
        margin: 10px !important;
    }
    .column-5{
        width: 50%;
    }
    .health-tbl td, .health-tbl th{
        padding: 14px 10px;
    }
    .home-search{
        width: 95% !important;
    }
}
@media only screen and (max-width: 1308px){
    .dropdown.all-notif .notif-dropdown {
        left: -295px !important;
    }
    div.main {
        margin-left: 290px !important;
        padding: 77px 25px 70px 0px !important;
    }
    .main-header{
        left: 25px !important;
    }
    .frl-prof-left-name {
        padding-left: 60px !important;
    }
    .frl-prof-right {
        top: 10px !important;
    }
    .frl-prof-img{
        top: -4px !important;
        position: relative !important;
    }
    .appointment-calendar .weekdays li, .appointment-calendar .days li{
        width: 13.8% !important;
    }
    .tooltip__details td{
        vertical-align: top !important;
        line-height: 15px !important;
    }
    .days li.active .tooltiptext{
        width: 220px !important;
    }
    .appointment-calendar .days li.w-14{
        width: 14.4% !important;
    }
    .col-searched-1{
        width: 40% !important;
    }
    .col-searched-2{
        width: 60% !important;
    }
    .frlncr-height{
        width: 53% !important;
    }
    .frl-top {
        padding: 10px 15px 8px 15px !important;
    }
    .profile-content {
        margin: 0px !important;
    }
    .worker-tab li {
        margin: 0px 5px !important;
    }
    .worker-tab li .worker-menu p{
        font-size: 12px !important;
    }
    .pink-header {
        padding: 16px 0px !important;
    }
}
@media only screen and (max-width: 1270px){
    .grid-container-time{
        grid-template-columns: 34% 66% !important;
    }
    .col-right-1{
        width: 16% !important;
    }
    .col-right-2 {
        width: 84% !important;
    }
    .grid-container-head{
        grid-template-columns: 65.5% 34.5% !important;
    }
    .modal-schedule {
        padding: 10px 10px 25px !important;
    }
    .modal__title__h4 h4{
        margin-left: 35px !important;
        margin-top: 20px !important;
    }
    .modal-schedule label.close{
        margin-right: 25px !important;
    }
    .greet-bottom{
        font-size: 11.5px !important;
        bottom: 18px !important;
    }
    .dash-img {
        width: 35px !important;
    }
    .dash-first-col {
        padding: 18px 25px 33px !important;
    }
    .frl-prof-right{
        float: none !important;
        margin-top: 0px !important;
    }
    .link-more-details {
        display: block !important;
        margin-left: 38px !important;
    }
    .link-send-message {
        display: block !important;
        margin-right: 0px !important;
        float: right !important;
    }
}

@media only screen and (max-width: 1297px){
    .appointment-calendar .days li.w-14 {
        width: 14.4% !important;
    }
}

@media only screen and (max-width: 1296px){
    .total__text {
        top: 40% !important;
    }
    .tp-gender {
        margin-left: -40px !important;
    }
    .chart__legend-1, chart__legend-2{
        font-size: 13px !important;
    }
    .chart__dot, .chart__dot__blue {
        height: 13px !important;
        width: 13px !important;
    }
    .appointment__calendar .weekdays li{
        width: 12.7% !important;
    }
    .appointment__calendar .days li{
        width: 12.7% !important;
    }
}
@media only screen and (max-width: 1292px){
    .total__text {
        font-size: 12px !important;
    }
}
@media only screen and (max-width: 1290px){
    .dash-center{
        right: 7px !important;
    }
    .overlay-msg{
        width: 12% !important;
    }
    .icon-img{
        padding: 5px 16px !important;
    }
    .txt-complete{
        margin-left: 0px;
    }
    .page-right{
        width: 100%;
    }
    .archives-storage .show-num{
        padding: 30px 20px 10px 13px !important;
    }
    .archives-storage{
        width: 45% !important;
    }
    .archives-files{
        width: 55% !important;
    }
    .files-icon .filled-bm{
        width: 15px;
        margin-right: 10px;
    }
    .files-icon .dl-icon {
        width: 20px;
        margin-right: 5px;
    }
    .files-icon .delete-icon {
        width: 15px;
    }
    .lab-result-files .lab-padd tr td, .lab-result-files .lab-padd tr th{
        padding: 24px 10px;
    }
    .home-left-bg img {
        width: 565px !important;
    }
    .row.home-ml-100 {
        margin-left: -160px !important;
    }
}
@media only screen and (max-width: 1276px){
    .appointment-calendar .days li.w-14 {
        width: 14.3% !important;
    }
    .total__text {
        top: 37% !important;
    }
    .register-form, .reg-input-form {
        margin-left: 25px !important;
    }
     .login-form{
        margin-left: 25px !important;
        margin-right: 20px !important;
    }
}
@media only screen and (max-width: 1273px){
    .total__text {
        font-size: 11px !important;
        line-height: 14px !important;
    }
    .tbl-start-time select{
        padding-bottom: 10px !important;
    }
    .service-fee .col-md-4{
        width: 45% !important;
    }
    .service-fee .col-md-4.mob-wid-20{
        width: 10% !important;
    }
}
@media only screen and (max-width: 1262px){
    .appointment-calendar .days li.w-14 {
        width: 14.2% !important;
    }
    .fc .fc-button-group > .fc-button.fc-dayGridMonth-button {
        margin-left: 0px !important;
    }
    .width-language {
        width: 41% !important;
    }
}
@media only screen and (max-width: 1243px){
    .dash-first-col {
        padding: 16px 25px 34px !important;
    }
    .greet-bottom {
        bottom: auto !important;
        top: 122px !important;
    }
    .dash-center-col {
        padding: 10px !important;
    }
    .column-next-2{
        padding: 0px 15px !important;
    }
    .tbl-start-time input {
        width: 27px !important;
    }
}
@media only screen and (max-width: 1236px){
    .chart__padding {
        padding: 25px !important;
    }
    .tp-gender {
        margin-left: -20px !important;
    }
    .total__text {
        top: 42% !important;
    }
}
@media only screen and (max-width: 1238px){
    .home-section .tbl-row, .home-section .tbl-head {
        padding-left: 15px !important;
    }
    .home-section .table-prof-img{
        margin-right: 10px !important;
    }
    .home-section .appointment-table {
        margin-right: 0px !important;
        padding-right: 0px !important;
    }
    .home-section .mrn-20 {
        padding: 0 5px 0px 15px;
    }
    .fc .fc-toolbar-title {
        font-size: 1.25em !important;
    }
}
@media only screen and (max-width: 1236px){
    .home-section .activity{
        padding-bottom: 10px;
    }
    .checked-by{
        margin-top: 5px;
        margin-right: 20px;
    }
    .bm-padding{
        padding: 20px 0px;
    }
    .home-left-bg img {
        width: 550px !important;
    }
}
@media only screen and (max-width: 1229px){
    .timeline-prof::after{
        bottom: 175px !important;
    }
}
@media only screen and (max-width: 1228px){
    .appointment-calendar .days li.w-14 {
        width: 14.1% !important;
    }
    .frlncr-height{
        width: 52% !important;
    }
}
@media only screen and (max-width: 1214px){
    .home-section .total__text{
        top: 42% !important;
    }
}
@media only screen and (max-width: 1211px){
    .history-section .tbl-head .fa-sort {
        margin-left: 10px !important;
    }
    .selected-week {
        margin-top: 20px !important;
    }
    .selected-week .mob-full-wid{
        width: 100% !important;
        margin-top: 10px !important;
    }
    .dash-center{
        right: 69px !important;
    }
    .fc .fc-button-group > .fc-button.fc-dayGridMonth-button {
        margin-left: 0px !important;
    }
}
@media only screen and (max-width: 1202px){
    .home-section .total__text{
        top: 42% !important;
    }
}
@media only screen and (max-width: 1194px){
    .home-section .total__text{
        font-size: 11px !important;
        top: 36% !important;
    }
}

@media only screen and (max-width: 1189px){
    .appointment-calendar .days li.w-14 {
        width: 14% !important;
    }
}

@media only screen and (max-width: 1186px){
    .appointment-calendar .days li.w-14 {
        width: 14.1% !important;
    }
    .total__text {
        top: 39% !important;
    }
}

@media only screen and (max-width: 1185px){
    .appointment-calendar .days li.w-14 {
        width: 14% !important;
    }
}

@media only screen and (max-width: 1177px){
    .chart__padding {
        padding: 25px 35px !important;
    }
    .main .home-section .total__text {
        font-size: 13px !important;
        top: 41% !important;
        line-height: 17px !important;
    }
    .history-section .total__text {
        top: 39% !important;
    }
}
@media only screen and (max-width: 1155px){
    .morning-time .container-radio {
        font-size: 14px;
    }
}
@media only screen and (max-width: 1111px){
    .btn-filled-save{
        width: 85px !important;
    }
    .btn-filled-region{
        width: 102px !important;
        padding: 8px !important;
    }
    .tab-pr-0{
        padding-right: 0px !important;
    }
}
@media only screen and (max-width: 1110px){
    .home-section .total__text{
        margin-top: 0px !important
    }
    .appointment__calendar .weekdays li {
        width: 12.4% !important;
    }
    .appointment__calendar .days li {
        width: 12.4% !important;
    }
    .data-img {
        width: 6.5% !important;
    }
    .header-name {
        width: 26% !important;
    }
}
@media only screen and (max-width: 1187px){
    .dash-first-col {
        padding: 18px 25px 39px !important;
    }
    .dash-img {
        width: 30px !important;
    }
    .greet-bottom {
        font-size: 11.5px !important;
        bottom: auto !important;
        line-height: 14px !important;
        top: 113px !important;
    }
}
@media only screen and (max-width: 1179px) and (min-width: 1024px){
    .order-1{
        width: 100% !important;
        margin-bottom: 30px !important;
    }
    .order-2{
        width: 30% !important;
    }
}
@media only screen and (max-width: 1179px){
    .greet-bottom{
        position: relative !important;
        bottom: auto !important;
        top: auto !important;
        font-size: 12px !important; 
    }
    .greet-name span {
        display: inline;
    }
    .dash-text-pink{
        margin-bottom: 5px !important;
    }
    .dash-icon-pink{
        margin-top: 10px !important;
    }
    .dash-first-col {
        padding: 25px 15px !important;
    }
    .dash-icon-blue {
        width: 45px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .col-dash-1 {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    .col-dash-2, .col-dash-3, .col-dash-4, .col-dash-5, .col-dash-6{
        width: 20% !important;
    }
    .col-dash-6 {
        padding-right: 15px !important;
    }
    .main .home-section .total__text {
        font-size: 13px !important;
        top: 41% !important;
        line-height: 17px !important;
    }
}
@media only screen and (max-width: 1175px){
    .history-section .total__text {
        top: 37% !important;
    }
}
@media only screen and (max-width: 1163px){
    .appointment__calendar .weekdays li {
        width: 12.5% !important;
    }
    .appointment__calendar .days li {
        width: 12.5% !important;
    }
}

@media only screen and (max-width: 1132px){
    .dash-icon-yellow {
        margin-top: 20px !important;
    }
    .drop-tog{
        margin-right: 13px !important;
    }
}
@media only screen and (max-width: 1122px){
    .dash-icon-yellow {
        margin-top: 3px !important;
    }
    .fc .fc-toolbar-title {
        font-size: 1.25em !important;
    }
}
@media only screen and (max-width: 1199px){
    .btn-show-rate{
        font-size: 13px !important;
    }
    .worker-page .main-box .tab-content>.tab-pane {
        padding: 25px 40px !important;
    }
    .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion {
        padding: 0px !important;
        font-size: 12px !important;
    }
    .worker-tab li.active .worker-menu {
        background-color: transparent;
        display: inline;
        padding: 10pxp 5px 10px 5px;
    }
    .worker-tab{
        padding-left: 10px !important;
        padding-right: 10px !important;
        text-align: center !important;
    }
    .avail-calendar{
        padding-right: 10px !important;
        margin-right: 5px !important;
    }
    .home-search .sw-col-1 {
        width: 57% !important;
    }
    .timeline-prof::after {
        bottom: 155px !important;
    }
    .row-exp-details {
        width: 109% !important;
    }
    .home-search .hs-col-2 img {
        left: 6px !important;
    }
    .col-top-search-full .home-search{
        padding: 8px 75px 8px 10px !important;
    }
    .col-top-search-full .home-search button.btn-search{
        position: absolute !important;
        float: none !important;
        margin: 0px !important;
        left: auto !important;
    }
    .home-time-dropdown .dropdown-toggle p{
        width: 100% !important;
    }
    .home-search .hs-col-1{
        width: 100% !important;
        border: 0px !important;
    }
    .home-search .hs-col-2, .home-search .hs-col-3{
        width: 100% !important;
        border: 0px !important;
        margin-bottom: 15px !important;
    }
    .home-search{
        padding: 8px 10px 8px 10px !important;
    }
    .home-search button.btn-search{
        position: relative !important;
        margin-top: 10px !important;
        left: 0px !important;
        padding: 10px 32px !important;
        float: right !important;
        margin-right: -10px;
    }
    .home-popular{
        margin-top: 55px !important;
    }
    .message-content {
        padding: 0px 40px !important;
    }
    .width-bio {
        width: 75% !important;
    }
    .col-prof-top-1,
    .col-prof-top-2,
    .col-prof-top-3,
    .col-prof-top-4,
    .col-prof-top-5{
        width: 33.33% !important;
        margin-bottom: 20px;
    }
    .home-left-bg img {
        width: 500px !important;
    }
    .client-box, 
    .pwc-box{
        width: 70% !important;
    }
    .wid-33{
        width: 33.33% !important;
    }
    .modal-scan{
        width: 70% !important;
    }
    .app-history {
        margin-right: 10px !important;
        margin-left: 5px !important;
    }
    .dash-center-col {
        padding: 10px 15px !important;
    }
    .scroll-tbl {
        height: 190px !important;
    }
    .grid-container-appoint{
        margin-left: 15px !important;
    }
    .p-name, .tbl-profile .p-number{
        display: table-cell !important;
    }
    .tab-width-full{
        grid-template-columns: 100% !important;
    }
    .grid-container-head {
        margin: 0px 0px 0px -10px !important;
    }
    .grid-container-time {
        grid-template-columns: 100% !important;
        margin-left: 30px !important;
    }
    .new-page-title {
        margin: 15px 15px 0px -15px !important;
    }
    .border-time{
        margin-top: 10px !important;
    }
    form.search-type{
        margin-top: 10px !important;
    }
    .disclaimer{
        margin-top: 60px !important;
    }
    .morning-time .container-radio {
        padding: 12px 0px 12px 35px !important;
    }
    button.btn-time-delete{
        top: -57px !important;
    }
    .morning-time .checkmark-radio {
        left: 10px !important;
    }
    .filter-100{
        width: 100% !important;
    }
    .filter-tbl{
        border-right: 0px !important;
    }
    .container-radio{
        float: none !important;
        margin-top: 15px !important;
        margin-bottom: 5px !important;
    }
    .home-section .total__text {
        font-size: 10px !important;
        top: 43% !important;
        line-height: 13px;
    }
    .home-section .appointment-table{
        margin-right: 6px !important;
    }
    .col-dash-6{
        padding-right: 10px !important
    }
    .order-2{
        padding-right: 10px !important
    }
    .box-1{
        padding: 0px 0px 0px 10px !important;
    }
    .days li.active .tooltiptext {
        width: 200px !important;
    }
    .price-select{
        display: block;
    }
    .record-dt{
        margin-right: 10px;
    }
    .bodymes-date{
        float: none;
    }
    .ml-nega30 {
        margin-left: 0px;
        margin-right: 30px;
    }
    .lab-result-files {
        padding-right: 0px;
    }
    .view-icon {
        width: 20px;
        margin-right: 0px !important; 
        margin-bottom: 10px;
    }
    .files-icon .dl-icon {
        width: 20px;
        margin-right: 0px !important; 
        margin-bottom: 10px;
    }
    .files-icon .delete-icon {
        width: 15px;
        margin-bottom: 10px;
    }
    .files-icon .filled-bm{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .pr-5{
        padding-right: 15px;
    }
    .status-tbl{
        padding: 0px 100px !important;
        }
    label.txt-step{
        margin-left: 20px
    }
    ul.steps li::before {
        left: -11em;
        width: 11em;
    }
    ul.steps li {
        margin-left: 10.7em;
    }
    label.txt-step p {
        padding: 0px;
    }
    .tel-input{
        width: 400px !important;
        
    }
    .ml-tel{
        margin-left: 540px !important;
    }
    .contact-num{
        padding: 10px 20px;
    }
    .billing-history, .payment-details, .billing-details{
        width: 100% !important;
    }
    .payment-details{
        margin-top: 30px;
    }
    .col-frlncr-2 .tbl-frl td{
        display: block !important;
        padding-top: 0px;
    }
    .col-frlncr-2 .tbl-frl td.frl-divider{
        display: none !important;
    }
    .col-frlncr-2 .tbl-rated td{
        display: block !important;
    }
    .rated-green {
        float: none !important;
        padding: 0px !important;
    }
    .col-frlncr-2 .rate-pink {
        position: relative !important;
        right: 0px !important;
        float: none !important;
        margin-top: 0px !important;
    }
    .col-frlncr-2 .frl-rate {
        width: 100% !important;
    }
    .col-frlncr-1{
        width: 35% !important;
    }
    .col-frlncr-2{
        width: 65% !important;
    }
    .col-status-1,
    .col-status-2,
    .col-status-3,
    .col-status-4{
        width: 50% !important;
    }
}
@media only screen and (max-width: 1190px){
    .home-section .total__text {
        font-size: 10px !important;
        top: 42% !important;
        line-height: 12px;
    }
    .row.home-ml-100 {
        margin-left: -130px !important;
    }
    .home-search {
        width: 90% !important;
    }
}
@media only screen and (max-width: 1150px){
    .row-message {
        grid-template-columns: 35% 65% !important;
    }
    .client-box,
    .pwc-box{
        width: 80% !important;
    }
    .fc .fc-button-group > .fc-button.fc-dayGridMonth-button {
        margin-left: 0px !important;
    }
    .sel-sched .col-md-6{
        width: 70% !important;
    }
    .morning-time .checkmark-radio {
        top: 14px !important;
    }
    .morning-time .container-radio {
        font-size: 13px !important;
    }
    .icon-img {
        padding: 5px 12px !important;
    }
    .icon-img img {
        width: 50px !important;
    }
    .col-file{
        padding-left: 5px;
    }
    .input-msg{
        margin-left: 20px;
    }
    label.add-file{
        margin-right: -20px;
    }
    .top-call{
        margin-right: 0px;
    }
    .txt-complete{
        text-align: left;
        margin-left: 0px;
    }
    .bm-padding{
        padding: 20px 0px !important;
    }
    .cpr-0 {
        padding-right: 10px;
    }
    .next-refill span{
        margin-left: 0px !important;
        display: block !important;
    }
    .scroll-temp{
        overflow-x: auto;
        margin-bottom: 30px;
    }
	.main-header{
		margin:0px !important;
	}
	
	.page-wrapper{
		overflow:hidden;	
	}
	
	.book-section .form-column .inner-box{
		padding-left: 0px;
	}
	
	.our-gallery .left-column,
	.our-gallery .right-column{
		width:100%;
	}
	
	.our-gallery .right-column .content-box{
		max-width: none;
	}
	
	.our-gallery .owl-controls .owl-nav{
		display: none !important;
	}
    .files-icon{
        padding-right: 0px !important;
    }
}
@media only screen and (max-width: 1144px){
    .col-homenav-4 {
        width: 20% !important;
    }
    .col-homenav-8 {
        width: 80% !important;
    }
    .dropdown.all-notif .drop-tog {
        margin: 0px 0px 0px 10px !important;
    }
    .mobile-pr-0{
        padding: 0px !important;
        padding-right: 15px !important;
    }
    .tbl-row p{
        font-size: 12px;
    }
}
@media only screen and (max-width: 1144px){
    .appointment-calendar .weekdays li, .appointment-calendar .days li {
        width: 13.7% !important;
    }
    .appointment-calendar .days li.w-14 {
        width: 14.5% !important;
    }
}
@media only screen and (max-width: 1130px){
    
}
@media only screen and (max-width: 1085px){
    .mb-col-avail {
        width: 25% !important;
    }
    .data-avail-calendar{
        margin-bottom: 3px;
    }
    .fc .fc-button-group > .fc-button.fc-dayGridMonth-button {
        margin-left: 0px !important;
    }
    .morning-time .checkmark-radio {
        left: 8px !important;
        height: 16px !important;
        width: 16px !important;
        top: 15px !important;
    }
    .morning-time .container-radio {
        padding: 12px 0px 12px 31px !important;
    }
    .history-section .total__text {
        top: 41% !important;
    }
    .chart__padding {
        padding: 25px 25px !important;
    }
    .chart__padding iframe{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .tp-woman{
        padding-left: 10px !important;
    }
    .chart__dot__blue{
        margin-right: 0px !important;
    }
    .days li.active .tooltiptext{
        top: -15px !important;
    }
    .days li.active .tooltiptext {
        width: 190px !important;
    }
    .fc .fc-toolbar-title {
        font-size: 1em !important;
    }
    .home-search .sw-col-1{
        width: 42% !important;
    }
    .home-search .sw-col-2, .home-search .sw-col-3{
        width: 25.5% !important;
    }
}
@media only screen and (max-width: 1066px){
    .tooltip__details td{
        font-size: 9px !important;
    }
    .days li.active .tooltiptext {
        width: 183px !important;
    }
    .days li.active .tooltiptext{
        padding: 10px !important;
    }
}    

@media only screen and (max-width: 1065px){
    .appointment__calendar .weekdays li {
        width: 12.4% !important;
    }
    .appointment__calendar .days li {
        width: 12.4% !important;
    }
    .mr-15{
        margin-right: 15px;
    }
    .history-section .total__text {
        top: 37% !important;
    }
    .app-table .pr-25 {
        padding-right: 15px !important;
    }
}

@media only screen and (min-width: 1025px){
	.hidden-bar.right-align.visible-sidebar{
		right:-400px !important;	
	}
	
	.book-search-form button{
		font-size:12px;
	}
    .pres-section{
        padding-right: 0px;
    }
    
    .health-tbl td, .health-tbl th {
        padding: 14px 20px;
    }
    
}

@media only screen and (max-width: 1105px){
    .history-section .tbl-row, .history-section .tbl-head{
        padding-left: 10px !important;
    }
    .appointment-calendar .days li.w-14 {
        width: 14.3% !important;
    }
    
}
@media only screen and (max-width: 1067px){
    .appointment-calendar .days li.w-14 {
        width: 14% !important;
    }
    .modal-register{
        top: 70% !important;
        width: 45% !important;
    }
    .fc .fc-button-group > .fc-button.fc-dayGridMonth-button {
        margin-left: 0px !important;
    }
}
@media only screen and (max-width: 991px){
    .ulnav-right{
        top: 0px !important;
    }
    .total-wallet p {
        font-size: 13px !important;
    }
    .total-wallet span {
        font-size: 10px !important;
    }
    .total-wallet img {
        width: 21px !important;
    }
    .total-wallet {
        padding: 3px 25px 3px 45px !important;
    }
    .dropdown.all-notif .notif {
        width: 39px !important;
    }
    .btn-profile-circle {
        height: 39px !important;
        width: 39px !important;
        margin-left: 0px !important;
        top: 5px !important;
    }
    .btn-profile-circle.margin-worker{
        top: 3px !important;
    }
    .col-homenav-4 {
        width: 15% !important;
    }
    .col-homenav-8 {
        width: 85% !important;
    }
    .frl-prof-img {
        top: 0px !important;
    }
    .frl-prof-left-name {
        padding-left: 40px !important;
    }
    #worker_list_pagination{
        float: right !important;
    }
    .frl-prof-right {
        top: 10px !important;
    }
    .frl-prof-left{
        top: 7px !important;
    }
    .timeline-why {
        margin: -10px auto 0 0px !important;
    }
    .col-how-1,
    .col-how-2{
        width: 100% !important;
    }
    .msg-rec-firstname table td{
        display: table !important;
        line-height: 16px !important;
    }
    .msg-rec-firstname span.fn-divider{
        display: none !important;
    }
    .msg-rec-firstname span{
        font-size: 12px !important;
    }
    .width-bio,
    .width-attachment {
        width: 90% !important;
    }
     .loader,
    .loader:after {
        margin-top: 40% !important;
    }
    .client-box, .pwc-box {
        width: 85% !important;
    }
    .container-work{
        font-size: 12.5px !important;
    }
/*
    .home-trusted{
        margin-top: 40px !important;
    }
*/
    .home-left-bg{
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        margin-top: 120px !important;
        position: relative !important;
    }
    .home-content {
        margin-top: 110px !important;
    }
    .home-content p{
        margin-top: 60px !important;
    }
    .home-search{
        width: 100% !important;
    }
    .padd-0 {
        padding: 0px 50px !important;
    }
    .row-home-img
    .client-box,
    .pwc-box{
        width: 90% !important;
    }
    .home-header {
        padding: 35px 25px !important;
    }
    .home-logo img {
        width: 120px !important;
    }
    .sel-sched .col-md-6{
        width: 100% !important;
    }
    .row1-mb30 {
        margin-bottom: 0px !important;
    }
    .col-md-2.sel-day{
        width: 100% !important;
    }
    .selected-week .col-md-5.sel-start{
        width: 50% !important;
    }
    .selected-week .col-md-5.sel-end{
        width: 50% !important;
    }
    .add-service-fee button{
        margin: 8px 0px 8px 0px !important;
    }
    .service-fee .col-md-4 {
        width: 100% !important;
    }
    .set-dropdown{
        margin-bottom: 20px !important;
    }
    .set-input{
        margin-bottom: 20px !important;
    }
    .reg-input-form input{
        margin-top: 40px !important;
    }

    .pass-strength .fa-eye{
        top: 35px !important;
    }
    .pass-strength #checkforce-tooltip{
        margin-top: 2px !important;
    }
    .width-80{
        width: 90% !important;
    }
    .width-90{
        width: 94% !important;
    }
    button.btn-time-delete {
        right: 6px !important;
    }
    .modal__table td.modal__table_label{
        text-align: left !important;
        vertical-align: top !important;
    }
    .modal__table td{
        text-align: right !important;
    }
    .modal__table{
        width: 100% !important;
    }
    .modal-scan .modal-img {
        width: 100% !important;
    }
    .appointment-table .pagination a{
        margin-right: 7px !important;
    }
    .profile-stage .col-md-3{
        width: 33.33333333%;
    }
    .app-table .data-status, .app-table .data-img{
        margin-bottom: 0px;
    }
    .app-table td{
        width: 100%;
        display: table;
        margin-bottom: 20px;
    }
    .pr-25 .dropdown {
        float: right;
        right: 20px;
        position: absolute;
        top: 30px;
    }
    .tbl-head{
        display: none;
    }
    .calendar-history{
        width: fit-content;
        margin-bottom: 30px;
    }
    .wid-5{
        width: 100% !important;
    }
    .reg-input-form {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }
    .login-text h3{
        margin-top: 50px !important;
    }
    .box-form{
        width: 100% !important;
        margin-bottom: 100px !important;
        margin-top: 40px !important;
    }
    .login-logo{
        left: 35px !important;
    }
    .modal__title__h4 h4{
        margin-left: 0px !important;
    }
    .modal-schedule label.close {
    margin-right: 0px !important;
    }
    .filter-tbl{
        margin-top: 50px;
    }
    .filter-tbl input {
        width: 40px !important;
    }
    .appointment__calendar .days li {
        width: 13.7% !important;
    }
    .appointment__calendar .weekdays li {
        width: 13.7% !important;
    }
    .sched__box{
        top: 40px !important;
    }
    .modal-schedule {
        padding: 30px !important;
        margin: auto !important;
        margin-top: 10% !important;
    }
    .table-prof-img{
        margin-left: 10px;
    }
    .tbl-label{
        padding-left: 10px;
    }
    .label-pl-0 {
        padding-left: 15px !important;
    }
    .history-section .total__text{
        margin-top: 50px !important;
    }
    .mrn-20 {
        padding: 0 20px 0px 15px !important;
    }
    .morning-time .container-radio{
        padding-left: 40px !important;
    }
    .sched-buttons {
        position: relative !important;
        float: right !important;
        bottom: 0px !important;
        right: 0px !important;
        margin-top: 40px !important;
    }
    .whole__day{
        border: none !important;
    }
    .modal__title__h4 {
        padding-left: 15px !important;
    }
    .modal-schedule article {
        padding: 0px !important;
    }
    .modal-schedule .dropdown-sched{
        margin-bottom: 30px !important
    }
    .col-dash-1 .main-box, .col-dash-2 .main-box, .col-dash-3 .main-box, .col-dash-4 .main-box, .col-dash-5 .main-box{
        height: auto !important;
    }
    .at-container .col-md-9{
        margin-top: 20px !important;
    }
    .home-section .appointment-table{
        margin-top: 10px !important;
    }
    .at-container{
        display: flex; flex-flow: column-reverse;
    }
    .order-1{
        order: 1;
    }
    .order-2{
        order: 2;
    }
    .at-container .col-md-9, .at-container .col-md-3{
        display: inline-block;
    }
    .btn-goto{
        margin-bottom: 15px !important;
    }
    .col-dash-1, .col-dash-2, .col-dash-3, .col-dash-4, .col-dash-5, .col-dash-6{
        width: 100% !important;
        margin-bottom: 15px !important;
        padding-right: 0px !important;
    }
    .dash-count-red, .dash-count-green, .dash-count-pink, .dash-count-blue, .dash-count-yellow{
        padding: 5px !important;
        font-size: 20px !important;
    }
    .row__right {
        padding-left: 15px !important;
    }
    .profile__id{
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .modal-scan .modal-img{
        height: auto !important;
        border-radius: 25px;
    }
    .modal-scan{
        width: 91% !important;
    }
    .appoint-table .btn-setting {
        float: right !important;
    }
    .chart__padding {
        padding: 25px 150px !important;
    }
    .box-patients {
        padding: 15px 15px !important;
    }
    .mobile-pr-0 {
        padding: 15px !important;
    }
    .appointment-calendar .days {
        padding: 15px 0px !important;
    }
    .appointment-calendar .weekdays li, .appointment-calendar .days li{
        text-align: center !important;
        width: 13.8% !important;
    }
    .appointment-calendar .days li{
        box-shadow: none !important;
        padding: 10px !important;
        height: auto !important;
    }
    .num-app, .text-app{
        display: none;
    }
    .tabs-appointment{
        position: absolute;
        top: -13px;
        right: 15px;
    }
    .tooltiptext{
        display: none;
    }
    .abbre{
        display: block !important;
    }
    .calendar-day{
        display: none !important;
    }
    .col-dots{
        float: none !important;
        position: absolute !important;
        top: 10px !important;
        right: 5px !important;
    }
    .check-icon, .calendar-switch-icon, .x-icon, .clock-icon{
        width: 25px !important;
        float: right !important;
        background-size: 25px !important;
    }
    .tbl-row .col-md-3, .tbl-row .col-md-2{
        display: table;
        width: 100%;
        margin-bottom: 20px;
    }
    .tbl-label{
        color: #646464;
        font-size: 12px;
        float: left;
        display: block !important;
    }
    .tbl-right{
        float: right;
    }
    .table-prof-img{
        display: block;
        margin-bottom: 20px;
    }
    .tbl-row {
        padding-top: 20px !important;
        padding-bottom: 0px !important;
        padding-right: 20px !important;
    }
    .history-section .appointment-table {
        margin-top: 10px !important;
    }
    .history-section .tbl-head .col-md-3, .history-section .tbl-head .col-md-2, .home-section .tbl-head{
        display: none;
    }
    .dash-table-title{
        width: 100% !important;
    }
    .btn-tele{
        width: 100% !important;
    }
    form.search-type button{
        width: 3% !important;
    }
    .side-prof {
        margin-left: 30px !important; 
    }
    .msg-time {
         margin-left: 40px !important; 
    }
    .icon-img {
        padding: 5px 15px 5px 30px !important;
    }   
    .overlay-msg {
        width: 12% !important;
    }
    .left-date, .right-date{
        width: 100%;
    }
    .conv-left {
        width: 100%;
        padding-right: 10px;
    }
    .left-date, .right-date{
        margin-bottom: 20px;
    }
    .conv-right{
        width: 100%;
        padding-left: 10px;
    }
    .top-active{
        margin-left: -10px;
        margin-top: 35px;
    }
    .top-call i{
        font-size: 25px;
        margin-right: 5px;
    }
    .tp{
        margin-left: 0px;
    }
    .top-call{
        margin-top: -50px;
    }
    .top-profile img{
        width: 50px;
    }
    .cpr-0 {
        padding-right: 0px;
    }
    .input-msg {
        margin-left: 60px;
    }
    label.add-file{
        width: 50px;
        float: left;
        margin-left: 20px;
        margin-top: 10px;
    }
    .mlm-30 {
        margin-left: -50px !important;
    }
    .billing-tbl .bt-4, .txt-right{
        text-align: right !important;
    }
    #donutchart {
        margin-left: auto !important;
        margin-right: auto;
        text-align: center;
    }
    .vitals-desc {
        text-align: center;
    }
    .btn-print{
        padding: 12px 57px !important;
    }
    .pres-section .pagination{
        margin-left: 15px !important;
        margin: 20px 0px !important;
    }
    .pres-section .pagi-nxt{
        padding: 10px 30px !important;
    }
    .body-measurement{
        padding-right: 0px;
    }
    .vitals-top{
        margin-top: 0px;
    }
    .vitals-desc p{
        margin-bottom: 30px;
    }
    .heart-rate{text-align: center}
    .record-dt{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .rec-date {
        display: inline;
        margin: 50px 20px;
        float: none;
    }
    .record-box .rec-desc{
        margin: 0px 45px;
    }
    .record-box{
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .record-name{
        margin-bottom: 10px;
    }
    .rec-prof{
        margin: 0px !important;
    }
    .h-record{
        margin-bottom: 20px;
    }
    .hc-icon {
        width: 15%;
    }
    .ml-nega30 {
        margin-left: 30px;
        margin-top: 10px;
    }
    .column-5{
        width: 100%;
    }
    .health-tbl td, .health-tbl th {
        padding: 14px 20px;
    }
    .lab-result-files{
        margin-top: 10px;
        padding-right: 0px;
    }
    .lab-result-files .lab-padd tr td, .lab-result-files .lab-padd tr th{
        padding: 24px 10px;
    }
    .lab-result {
        padding: 0px 30px 50px 30px;
        height: auto;
    }
    .billing-history, .payment-details, .billing-details{
        padding-right: 0px;
    }
    .billing-history .pagination{
        padding-top: 20px;
    }
    .billing-history .lab-padd tr td, .billing-history .lab-padd tr th{
        padding: 24px 0px 24px 5px;
    }
    .payment-details{
        margin-top: 10px;
    }
    .billing-tbl .bt-3{
        width: auto;
    }
    .messages-right{
        margin-top: 10px;
        padding-right: 0px;
    }
    .pagination{
        float: none;
        margin-top: 0px;
    }
    .archives-storage{
        width: 100% !important;
    }
    .archives-files{
        width: 100% !important;
        padding-right: 0px !important; 
        margin-top: 10px;
    }
    .pres-input input{
        padding-top: 10px;
    }
    .pres-section{
        margin-top: 20px;
        padding-right: 10px;
        width: 100% !important;
        position: relative !important;
        right: 0px;
        top: 0px;
        padding-left: 15px !important;
    }
    .pres-section .tbl-file tr th, .pres-section .tbl-file tr td{
        padding-left: 30px !important;
    }
    .pres-section .tbl-file tr td button {
        float: right !important;
        margin-right: 20px;
    }
    .contact-num {
        padding: 10px 10px;
    }
    .pr-5{
        padding-right: 15px !important;
    }
    .btn-theme{
        float: left !important;
        margin-left: 0px
    }
    .right {
        float: none;
        margin-top: 10px;
    }
    .conv-btn{
        margin-top: 10px;
    }
    ul.steps li::before {
        left: -9em;
        width: 9em;
    }
    ul.steps li {
        margin-left: 8.7em;
    }
    label.txt-step p {
        padding-left: 0px;
    }
    .view-tckt div{
        width: 100%;
    }
    .box-center{
        padding: 20px 0px !important; 
        margin: 100px 0px !important; 
    }
    .bk1{
        margin-top: 0px !important
    }
    .form-input{
        width: 100% !important
    }
    .box-center form fieldset p textarea{
        width: 100% !important
    }
    .box-half div{
        margin-right: -10px
    }
    .status-tbl{
        padding: 0px !important;
    }
    label.txt-step{
        margin-left: 10px;
        display: block
    }
    label.txt-step p{
        margin-left: 0px; 
        display: inline; 
        font-size: 12px;
        padding: 0px;
    }
    body{ 
        font-size: 12px; 
    }
    .tabs{ 
        font-size: 12px;
    }
    .res-20{
        margin-top: 20px !important;
        padding-right: 0px !important;
        margin-bottom: 0px !important;
    }
    .h-370{
        height: 100%;
    }
    .w-3{
        width: 3%;
    }
    .medic-desc p{
        margin-right: 0px;
    }
    .recent-img{
        width: 12%;
        padding-left: 30px;
    }
}

@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
    
    
}
@media only screen and (max-width: 1095px){
    .resp-12{
        margin-left: -40px !important;
        width: 59% !important;
    }
    div.zabuto_calendar ul.legend, div.zabuto_calendar ul.legend li:first-child {
        margin-left: 0px !important;
    }
    .avail_calendar div.zabuto_calendar div.legend {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
    .show-num{
        padding: 30px 0px !important;
    }
    .show-num p {
        font-size: 13px !important;
    }
    .pagi-nxt{
        padding: 10px 20px !important;
    }
    .frlncr-height{
        width: 51% !important;
    }
}
@media only screen and (max-width: 1086px){
    .modal__buttons button{
        margin-bottom: 30px !important;
    }
}
@media only screen and (max-width: 1084px){
    .timeline-prof::after {
        bottom: 170px !important;
    }
}
@media only screen and (max-width: 1032px){
    .modal-scan .modal-img{
        height: auto !important;
    }
    
}
@media only screen and (max-width: 1200px){
    .sched__box{
        padding: 20px !important
    }
    .sched-buttons {
        position: relative !important;
        right: 0px !important;
        bottom: 0px !important;
        top: 0px !important;
        margin-bottom: 10px !important;
    }
    .sched__summary{
        padding-bottom: 45px !important;
    }
    .p-name, .tbl-profile .p-number{
        display: block;
        text-align: left;
    }
    .scroll-tbl {
        height: 200px !important;
    }
    .remin-table{
        padding-bottom: 15px !important;
    }
}
@media only screen and (max-width: 1024px){
    .booking-page {
        margin: 90px 30px !important;
    }
    .wallet-page {
        margin: 120px 30px !important;
    }
    .tbl-transac{
        margin-top: 30px !important;
    }
    .btn-cancel-order,
    .btn-book-again,
    .btn-rate-booking{
        width: 130px !important;
    }
    .data-avail-calendar span,
    .data-avail-time span{
        font-size: 12px !important;
    }
    .tbl-up-bookings table td p {
        font-size: 14px !important;
    }
    .tbl-up-bookings table td {
        vertical-align: top !important;
        line-height: 1.3em !important;
    }
    .tbl-up-bookings .mb-col-btn{
        vertical-align: middle !important;
    }
    .search-tags {
        height: auto !important;
    }
    .frlncr-list, .frlncr-height {
        margin-top: 10px !important;
    }
    .search-input .bootstrap-tagsinput input{
        width: 100% !important;
    }
    .btn_write_section {
        margin: 10px 30px 20px 30px !important;
        position: relative !important;
        bottom: 0px !important;
    }
    .stylish.dropped-down select{
        line-height: 22px !important;
        letter-spacing: 0px !important;
        border: 1px solid #0000006e !important;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        border-radius: 4px !important;
        box-shadow: none !important;
    }
    .frlncr-height {
        width: 100% !important;
        position: relative !important;
        height: auto !important;
    }
    .row-searched{
        padding: 0px 10px !important;
    }
    .top-banner-search{
        padding: 90px 40px 0px 40px !important;
        position: relative !important;
    }
    .home-left-bg{
        display: none !important;
    }
    .modal-content-title.width-language, 
    .modal-content-rate.width-language, 
    .modal-content-bio.width-bio,
    .modal-content-skills.width-bio,
    .modal-content-exp.width-bio,
    .modal-content-editexp.width-bio,
    .modal-content-deleteexp.width-bio,
    .modal-content-educ.width-bio,
    .modal-content-editeduc.width-bio,
    .modal-content-deleteeduc.width-bio,
    .modal-content-language.width-language,
    .modal-content-achieve.width-bio,
    .modal-content-editachieve.width-bio,
    .modal-content-deleteachieve.width-bio,
    .modal-content-project.width-bio,
    .modal-content-editproject.width-bio,
    .modal-content-deleteproject.width-bio{
        left: 50% !important;
        top: 45% !important;
        transform: translate(-50%, -50%) !important;
    }
    .home-content{
        margin-top: 100px !important;
    }
    .frl-content{
        height: auto !important;
    }
    .grid-item-avail{
        border-radius: 20px !important;
        padding: 15px 20px 20px 20px !important;
    }
    .home-search input{
        font-size: 13px !important;
    }
    .home-search .sw-col-1 img {
        top: 12px !important;
    }
    .home-search .sw-col-2 .input-range{
        padding: 10px 5px 10px 45px !important;
    }
    .home-search .sw-col-3 .arrow-down-search{
        right: -15px !important;
    }
    .home-search input{
        padding: 10px 5px 10px 32px !important;
    }
    .home-search .hs-col-2 .arrow-range-search{
        top: 17px !important;
    }
    .home-search .hs-col-3 .arrow-down-search{
        top: 18px !important;
    }
    .home-search .hs-col-3 img {
        width: 19px !important;
        left: 11px !important;
        top: 11px !important;
    }
    .home-search .hs-col-2 img{
        width: 16px !important;
        top: 9px !important;
    }
    .home-search .hs-col-1 img{
        top: 15px !important;
    }
    .row-exp-details {
        width: 105% !important;
    }
    .timeline-prof::after {
        bottom: 150px !important;
    }
    .row.home-ml-100 {
        margin-left: -15px !important;
    }
    div.main {
        margin-left: 300px !important;
        padding: 77px 40px 70px 0px !important;
    }
    .main-header{
        left: 30px !important;
    }
    .pink-header {
        padding: 16px 15px !important;
    }
    .home-header {
        padding: 35px 30px !important;
    }
    .icon-img{
        padding-left: 7px !important;
    }
    .health-img{
        margin-left: 20px !important;
    }
    .health-checkup td{
        padding-left: 10px;
    }
    .hrb-20{
        margin-bottom: 20px;
    }
    .hr-100{
        width: 100%;
    }
    .txt-complete{
        margin-left: 0px;
        margin-top: 10px;
        text-align: left;
    }
    .pres-page{
        margin-left: 0px;
    }
    .pres-page .pagi-nxt{
        margin-top: 5px;
    }
    .pres-section{
        right: 0px;
    }
    .page-right{
        width: 100%;
        margin-left: 0px;
    }
    .show-num{
        padding-bottom: 10px;
    }
    .archives-files .tbl-file tr td, .archives-files .tbl-file tr th{
        padding-right: 0px;
    }
    .checked-by{
        margin-top: 0px;
    }
    .ch-by{
        width: 30%;
    }
    .activity h4{
        padding-right: 30px;
    }
    .recent-img {
        padding-left: 15px;
    }
    .recent-info {
        padding-left: 10px;
    }
    .next-refill{
        padding: 0px 30px;
        margin-top: 10px;
    }
    .next-refill span{
        margin-left: 0px;
        display: block;
        margin-top: 10px;
    }
    .next-refill p{
        position: relative;
    }
    div.horizontal_dotted_line{
        display: block;
    }
    .h-370 {
        height: auto;
    }
    .home-left-bg img {
        width: 550px !important;
    }
    .home-left-bg{
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        margin-top: 40px !important;
        position: relative !important;
    }
    .home-width{
        width: 100% !important;
        padding: 0px 50px !important;
    }
    .home-search{
        width: 100% !important;
    }
    .pwc-box{
        position: fixed !important;
        left: 50% !important;
        top: 35% !important;
        transform: translate(-50%, -50%) !important;
    }
}

@media only screen and (max-width: 1081px){
    .whole__day{
        border-right: none !important;
    }
    .container-radio{
        font-size: 12px !important
    }
    .morning-time .checkmark-radio {
        top: 13px;
    }
    button.btn-time-delete {
        top: -54px !important;
    }
}
@media only screen and (max-width: 1046px){
    .checkmark-radio{
        left: 6px !important;
    }
    .container-radio{
        padding-left: 30px !important;
    }
    .morning-time .checkmark-radio{
        top: 13px !important;
    }
    .calendar-padding{
        padding-right: 5px !important;
        padding-left: 35px !important;
    }
    .morning-time .container-radio {
        padding: 12px 0px 12px 27px !important;
    }
    .morning-time .checkmark-radio {
        top: 15px !important;
        left: 6px !important;
        height: 14px !important;
        width: 14px !important;
    }
    button.btn-time-delete {
        top: -51px !important;
        right: 3px !important;
    }
}
@media only screen and (max-width: 1062px){
    .history-section .col-dots{
        padding-left: 0px !important;
    }
    .appointment-table{
        padding-right: 0px !important;
    }
    .mobile-pr-0{
        padding-right: 15px !important;
    }
    .total__text{
        font-size: 12px !important;
        top: 40% !important;
    }
}
@media only screen and (max-width: 1059px){
    .total__text {
        top: 37% !important;
    }
}
@media only screen and (max-width: 1037px){
    .tbl-row{
        padding-left: 15px !important;
    }
    .tbl-head{
        padding-left: 15px !important;
    }
}
@media only screen and (max-width: 1023px){
    .worker-page .main-box .tab-content>.tab-pane {
        padding: 25px 30px !important;
        height: auto !important;
    }
    .worker-page {
        margin-top: 20px !important;
    }
    .column-overview-1, .column-overview-2{
        width: 100% !important;
    }
    .profile-content{
        margin-top: 170px !important;
    }
    .btn_write_section {
        margin: 5px 0px 0px 0px !important;
        position: relative !important;
        bottom: 0px !important;
    }
    .write-icon span{
        font-size: 13px !important;
    }
    .row-exp-details {
        width: 105% !important;
        margin: 20px -10px !important;
    }
    .col-exp-details-1, .col-exp-details-2{
        padding: 0px 10px !important;
        width: 100% !important;
        border: 0px !important;
    }
    .td-exp-details{
        padding-bottom: 10px !important;
    }
    .timeline-prof::after {
        bottom: 125px !important;
    }
    .anchor{
        height: 150px !important;
        margin-top: -130px !important;
    }
    #menu-accordion{
        display: block !important;
    }
    .worker-tab{
        display: none !important;
    }
    .pink-header{
        padding: 16px 10px !important;
    }
    .message-content {
        padding: 0px 30px !important;
    }
    .fc .fc-button-group > .fc-button.fc-dayGridMonth-button {
        margin-left: 0px !important;
    }
    .log-mt-100{
        margin-top: 10px !important;
    }
    .login-text img {
        width: 300px !important;
    }
    .login-text h3{
        color: #000 !important;
        margin-top: 5% !important;
    }
    .login-text{
        position: relative !important;
        margin-left: 25px !important;
        width: auto !important;
    }
    .reg-input-form{
        margin-right: 25px !important;
    }
    .wid-5{
        width: 100% !important;
    }
    .bg-img-left{
        display: none;
    }
    .regis-bg .login-logo {
        margin-top: 40px !important;
        margin-left: 35px !important;
        position: relative !important;
    }
    .drop-language select{
        color: #000 !important;
    }
    .regis-bg .drop-language{
        margin-left: 23px !important;
        position: relative !important;
    }
    .regis-bg .left-35 {
        left: 0px !important;
    }
    .calendar-full {
        margin-right: -5px !important;
        margin-left: -15px !important;
    }
    .col-md-7.res-full-textarea{
        width: 100% !important;
    }
    .ml-4 {
        margin-left: 4px !important;
        margin-right: -5px !important;
    }
    .grid-item-set {
        margin: 0px -5px 20px 10px !important;
    }
    .btn-show-info{
        position: absolute !important;
        right: 20px !important;
        top: 30px !important;
    }
    .data-img {
        width: 100% !important;
    }
    .name-letter{
        margin: 0px 10px 10px 10px !important;
    }
    .app-history {
        margin-right: -5px !important;
    }
    .td-img-prof{
        width: 60px !important;
    }
    form.search-type input[type=text] {
        padding: 9px 15px !important;
        width: 90% !important;
    }
    .grid-container-time {
        margin-left: 27px !important;
    }
    #loadingDiv{
        margin-left: 0px !important;
    }
    .new-page-title{
        margin-top: 50px !important;
    }
    .grid-container-head {
        grid-template-columns: 100% !important;
    }
    .drop-tog{
        margin-top: 0px !important;
    }
    .mobile-profile{
        position: fixed !important;
        right: 0px !important;
        top: -5px !important;
        z-index: 999 !important;
    }
    .right-setting{
        margin-right: 0px !important;
    }
    .col-right-1{
        width: 60px !important;
    }
    .col-right-2{
        width: 79% !important;
    }
    .logout-bottom{
        padding: 20px 30px !important;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 500 !important;
    }
    .logout-icon span {
        color: #6a6a6a !important;
    }
    .main-header .main-box{
        position: fixed !important;
    }
    .morning-time .container-radio {
        padding: 12px 0px 12px 24px !important;
    }
    .morning-time .checkmark-radio {
        top: 16px !important;
        left: 5px !important;
    }
    .delete-setting span{
        margin-bottom: 3px !important;
    }
    button.btn-time-delete {
        top: -54px !important;
        right: 1px !important;
    }
    .avail_calendar div.zabuto_calendar div.legend {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }
    .history-section .total__text {
        top: 45% !important;
    }
    .btn-filled-save{
        width: 105px !important;
    }
    .btn-filled-region{
        width: 115px !important;
        padding: 8px 10px !important;
    }
    .datepicker-dropdown {
        top: 210px !important;
    }
    .profile-section .profile-stage {
        height: auto !important;
    }
    .main .home-section .total__text {
        font-size: 13px !important;
        line-height: 17px !important;
        top: 38% !important;
    }
    .appointment-calendar .days li.w-14 {
        width: 14.8% !important;
    }
    .modal-scan{
        top: 0px !important;
        margin-left: 5% !important;
        margin-top: 100px !important;
        width: 90% !important;
    }
    .dash-text-red {
        margin-bottom: 15px !important;
    }
    .dash-text-pink{
        margin-top: 15px;
        margin-bottom: 15px !important;
    }
    .dash-text-blue{
        margin-top: 25px;
        margin-bottom: 15px !important;
    }
    .dash-text-yellow{
        margin-top: 10px;
        margin-bottom: 15px !important;
    }
    .dash-text-green {
        margin-bottom: 15px !important;
    }
    .home-section .mrn-20 {
        padding: 0 10px 0px 15px;
    }
    .col-dash-1 .main-box, .col-dash-2 .main-box, .col-dash-3 .main-box, .col-dash-4 .main-box, .col-dash-5 .main-box, .col-dash-6 .main-box{
        height: 160px;
    }
    .dash-first-col {
        padding: 40px 25px !important;
    }
    .home-section .total__text {
        margin-top: 15px !important
    }
    .modal-schedule{
        margin: 40px;
    }
    .modal-scan{
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto;
        height: max-content !important;
        padding-bottom: 50px !important;
    }
    .total__text{
        top: 42% !important;
    }
    .navbar-header{
        display: none;
    }
    .notif-dropdown-info {
        left: -185px !important;
        top: 20px !important;
    }
    .right-setting {
        padding: 0 !important;
        margin-top: 10px;
        float: right;
        margin-right: -60px;
    }
    form.search-type button{
        width: 10% !important;
    }
    form.search-type{
        width: 100% !important;
        margin-left: 0px !important; 
        margin-top: 10px !important;
    }
    .main-header .main-box .logo-box{
        border-right: none !important;
        display: none;
    }
    .main-header .main-box{
        padding: 45px 35px 40px 20px !important;
        background-color: #fff !important;
        box-shadow: 0 1px 10px 1px rgb(0 0 0 / 9%);
    }
    .main-header .main-box .logo-box .logo img{
        display: none !important;
    }
    .icon-img {
        padding: 5px 20px !important;
    }
    .mlm-30 {
        margin-left: -40px;
    }
    .pres-section{
        width: 32%;
        right: 0px;
        padding-left: 0px;
    }
    .pres-section .pagination{
        margin-left: 0px;
        margin: 5px 0px 0px 0px;
    }
    .pres-section .pagi-nxt{
        padding: 6px 15px !important;
    }
    .sidebar{
        display: none;
    }
    div.main {
        margin-left: 0px !important;
        padding: 25px !important;
        margin-top: 120px;
    }
    .recent-img{
        width: 15%;
        padding-left: 30px;
    }
    .hidden-notif{
        display: block !important;
        position: absolute;
        top: 20px;
        right: 0;
    }
    .main-box{
        width: 80%;
    }
	.panel-logis{
        width: 50% !important;
    }
	.main-header .main-box .logo-box {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		width:350px;
		margin:0px;
		text-align:left;
        margin-left: 0px;
        margin-right: 0px;
	}
	
	.main-header .main-box .outer-container{
		padding-left:0px;	
	}
	
	.feedback-section:before,
	.book-section .title-column .inner-box .arrow-box,
	.explore-section .title-column .inner-box h2 br,
	.counter-section .title-box h2 br,
	.wellness-spa .content-column h3 br{
		display: none;
	}
    .main-header .nav-outer, .nav-outer .main-menu{
        display: block;
    }
    .main-header .nav-outer{
        position: absolute !important;
        float: right !important;
        right: 0;
    }
	.main-header .nav-toggler{
		display:block !important;
	}
	
	.book-section .form-column .inner-box{
		padding: 15px 0px;
    }
	
	.main-footer .posts-widget .widget-content,
	.main-footer .posts-widget h2{
		margin-left:0px;	
	}
	
	.about-section .images-column .inner-box{
		margin-top:0px;
	}
	
	.book-section .form-column .inner-box,
	.book-section .avalability-column,
	.counter-section .lower-content .content-column .inner-box,
	.two-col-fluid.right-image .left-column .inner-box{
		padding-left:0px;
	}
	
	.about-section .images-column,
	.services-section .content-column,
	.counter-section .title-box h2{
		padding-left:15px;
	}
	
	.our-gallery .left-column,
	.our-gallery .right-column,
	.feedback-section .outer-box .left-column,
	.feedback-section .outer-box .right-column{
		width:100%;
	}
	
	.services-section{
		background-position: left top;
	}
	
	.event-section .title-box a,
	.news-section .title-box .see-events,
	.counter-section .lower-content .image-box{
		margin-top:20px;
	}
	
	.feedback-section .outer-box .left-column .content-box,
	.feedback-section .outer-box .right-column .feedback-detail{
		max-width: none;
		padding-right: 20px;
	}
	
	.feedback-section .outer-box .right-column .feedback-detail{
		padding: 80px 20px 80px 15px;
	}
	
	.default-title h4 br,
	.post-style-one.rigth-image .inner-box .content-box::after,
	.post-style-one.left-image .inner-box .content-box:after,
	.post-style-one.top-image .inner-box .content-box:after{
		display:none;
    }
	
	.default-title h4{
		text-align:left;
    }
	
	.two-col-fluid .image-column{
		position:relative;
		background:none;
		width:100%;
	}
	
	.two-col-fluid .image-column .hidden-image{
		display:block;
	}
	
	.two-col-fluid .left-column .inner-box{
		padding: 80px 0px;
	}
	
	.our-gallery .right-column .content-box,
	.room-single-section .content-side{
		padding-left:15px;
	}
	
	.rate-block .inner-box .lower-content .upper-box .stars{
		float: none;
		margin-top: 10px;
	}
    
}
@media only screen and (max-width: 1014px){
    .dash-text-pink {
        margin-bottom: 15px !important;
    }
}
@media only screen and (max-width: 1013px){
    .dash-text-blue {
        margin-top: 20px;
        margin-bottom: 15px !important;
    }
    .dash-text-pink {
        margin-bottom: 15px !important;
    }
}
@media only screen and (max-width: 1003px){
    .dash-text-pink {
        margin-bottom: 13px !important;
    }
    
}
@media only screen and (max-width: 991px){
    .mb-col-avail {
        padding-top: 0px !important;
    }
    .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start{
        margin-right: 2px !important;
    }
    .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end{
        margin-left: 2px !important;
    }
    .fc-dayGridMonth-view .fc-daygrid-event{
        font-size: 10px !important;
        padding: 1px 2px !important;
    }
    .calendar-full .fc-daygrid-dot-event .fc-event-title{
        display: none !important;
    }
    .ulnav-right li a.white-link {
        font-size: 11.5px !important;
        padding-left: 3px !important;
    }
    .ulnav-right li {
        top: 0px !important;
    }
    .btn-send-message{
        margin-bottom: 15px !important;
    }
    .data-avail-calendar img {
        width: 13px !important;
    }
    .data-avail-time img {
        width: 13px !important;
        margin-right: 8px !important;
    }
    .mb-img{
        width: 50px !important;
        height: 50px !important;
    }
    .icon-verified {
        width: 16px !important;
        left: 40px !important;
    }
    .modal-content-feedback.modal-am-feedback .content-modal.width-feedback ,
    .modal-content-client-attach .content-modal{
        width: 90% !important;
    }
    .home-search .sw-col-1 {
        width: 44% !important;
    }
    .home-search .sw-col-2, .home-search .sw-col-3 {
        width: 23% !important;
    }
    .home-search .sw-col-3 .home-time-dropdown .dropdown-toggle p {
        margin-top: 0px !important;
    }
    .col-top-search-full .home-search button.btn-search{
        padding: 9px 45px !important;
    }
    .row-top-search .home-search .sw-col-2 img,
    .row-top-search .home-search .sw-col-3 img{
        top: 8px !important;
    }
    .home-time-dropdown .dropdown-toggle p {
        margin-top: 25px !important;
        margin-bottom: 0px;
    }
/*
    .modal-content-educ.modal-am-educ,
    .modal-content-editeduc.modal-am-educ,
    .modal-content-deleteeduc.modal-am-deleteeduc,
    .modal-content-language.modal-am-language,
    .modal-content-bio.modal-am-bio,
    .modal-content-skills.modal-am-skills,
    .modal-content-editskills.modal-am-editskills,
    .modal-content-deleteskills.modal-am-editskills,
    .modal-content-achieve.modal-am-achieve,
    .modal-content-editachieve.modal-am-editachieve,
    .modal-content-deleteachieve.modal-am-deleteachieve,
    .modal-content-project.modal-am-project,
    .modal-content-editproject.modal-am-editproject,
    .modal-content-deleteproject.modal-am-deleteproject,
    .modal-content-exp.modal-am-exp,
    .modal-content-editexp.modal-am-editexp,
    .modal-content-deleteexp.modal-am-deleteexp{
        top: 0% !important;
    }
*/
    button.prof-btn-delete, button.prof-btn-edit{
        width: 16px !important;
    }
    .row-top-search .bg-arrow {
        margin-top: -40px !important;
    }
    .prof-btn-right .cancel-prof-btn{
        padding: 12px 10px !important;
    }
    .prof-btn-right .save-prof-btn{
        padding: 9px 10px !important;
    }
    .avail-info span,
    .fc .fc-toolbar-title,
    .fc .fc-button-group > .fc-button.fc-dayGridMonth-button,
    .calendar-full .fc .fc-button-primary:not(:disabled).fc-button-active,
    .calendar-full .fc .fc-col-header-cell-cushion{
        font-size: 13px !important;
    }
    .msg-rec-status p{
        font-size: 13px !important;
    }
    .msg-rec-status img {
        width: 17px !important;
    }
    .msg-rec-status{
        text-align: right !important;
    }
    .msg-chatbox {
        padding: 20px 15px 30px 15px !important;
    }
    .bg-recipient .msg-chat-text p,
    .bg-recipient .msg-chat-text.time-offer p,
    .bg-sender .msg-chat-text p,
    .bg-sender .msg-chat-text.time-offer p,
    .btn-offer span.text-waiting,
    .btn-offer span.text-accept,
    .btn-offer span.text-decline{
        font-size: 12px !important;
    }
    .row-message {
        grid-template-columns: 40% 60% !important;
    }
    .chat-btn-send {
        width: 60px !important;
    }
    .chat-btn-send button img {
        width: 43px !important;
    }
    .msg-btn .btn-msg-accept {
        margin-right: 0px !important;
        margin-top: 5px !important;
    }
    .msg-img {
        height: 40px !important;
        width: 40px !important;
    }
    .msg-img-left {
        width: 50px !important;
    }
    .msg-firstname h4{
        font-size: 14px !important;
    }
    .msg-receiver-name {
        padding: 10px 25px 10px 15px !important;
    }
    .message-content {
        margin-top: 80px !important;
        padding: 0px 25px !important;
    }
    .msg-user {
        padding: 15px 10px 15px 15px !important;
    }
    .msg-rec-img {
        height: 50px !important;
        width: 50px !important;
    }
    .img-rec-left {
        width: 52px !important;
    }
    .login-form {
        margin-left: 40px !important;
        margin-right: 15px !important;
    }
    .login-text {
        margin-left: 45px !important;
    }
    .regis-bg .login-logo {
        margin-left: 25px !important;
    }
    .register-form, .reg-input-form {
        margin-left: 40px !important;
    }
    .reg-input-form {
        margin-right: 15px !important;
    }
    .regis-bg .left-35 {
        left: 10px !important;
    }
    .btn-new-appoint button {
        position: relative !important;
        right: 0px !important;
        top: -15px !important;
        left: 3px !important;
        margin-bottom: 10px !important;
    }
    .scroll-tbl {
        height: 180px !important;
    }
    .dm-delete{
        margin-top: -15px !important;
    }
    .tbl__summary{
        width: 100% !important;
    }
    .tbl__summary td{
        text-align: left !important;
    }
    #ys_service_type, #ys_location, #ys_branch_site, #ys_date, #ys_time{
        text-align: right !important;
    }
    .sched__summary {
        padding-bottom: 0px !important;
    }
    .calendar-padding{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .resp-12 {
        margin-left: 0px !important;
        width: 50% !important;
    }
    .avail_calendar div.zabuto_calendar ul.legend li {
        height: 13px !important;
        width: 13px !important;
    }
    .avail_calendar div.zabuto_calendar .legend-block span {
        font-size: 15px !important;
    }
    .mobile-top-0{
        margin-top: 0px !important
    }
    .drop-prov, .drop-city, .drop-branch, .drop-service{
        margin-bottom: 20px;
    }
    .modal-schedule {
        margin: 25px !important;
    }
    .main .home-section .total__text {
        font-size: 13px !important;
        top: 50% !important;
        line-height: 17px !important;
    }
    .datepicker-dropdown {
        top: 270px !important;
    }
    .history-section .total__text {
        margin-top: 84px !important;
        font-size: 25px !important;
        text-align: center !important;
        width: 100% !important;
        line-height: 42px !important;
    }
    .history-section .total__text {
        top: 41% !important;
    }
    .col-post-full{
        width: 600px !important;
    }
    .col-top-search-1{
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    .col-top-search-2, .col-top-search-3{
        width: 50% !important;
    }
    .top-banner-search{
        padding: 80px 30px 0px 30px !important;
    }
    .frlncr-list{
        margin-top: 15px !important;
    }
    .row-top-search .home-search{
        padding: 5px 75px 5px 8px !important;
    }
    .row-top-search .home-search img{
        top: 12px !important;
    }
    .row-top-search .home-search .btn-search{
        right: 3px !important;
        top: 3px !important;
        padding: 6px 22px !important;
    }
    .col-top-search-2 .slct-dropdown .stylish input, 
    .col-top-search-3 .slct-dropdown .stylish input{
        padding: 10px 15px !important;
    }
    .btn-back-search{
        display: inline-block !important;
    }
    .col-searched-2.res-searched-details{
        display: none;
    }
    .col-searched-1 {
        width: 100% !important;
        padding: 0px !important;
    }
    .col-frlncr-1 {
        width: 20% !important;
    }
    .col-frlncr-2 {
        width: 80% !important;
    }
    .col-searched-2 {
        width: 100% !important;
        padding: 0px !important; 
    }
    .frlncr-height{
        width: 100% !important;
        position: relative !important;
        z-index: 0 !important;
        height: 100% !important;
        margin-top: 15px !important;
    }
    .frl-content{
        height: 100% !important;
    }
    .frl-top {
        padding: 10px 15px 8px 35px !important;
    }
    .frl-content {
        padding: 20px 20px 50px 20px !important;
    }
    .frl-prof-pos{
        padding-right: 0px !important;
    }
    .col-frlncr-2 .rated-online{
        position: absolute !important;
        right: 10px !important;
        bottom: 0px !important;
    }
    .home-left-bg{
        margin-top: 150px !important;
    }
}
@media only screen and (max-width: 893px){
    .appointment-calendar .days li.w-14 {
        width: 14.7% !important;
    }
}
@media only screen and (max-width: 862px){
    #displaybox .p-fifty {
        padding: 50px !important;
    }
    .grid-container-avail{
        grid-template-columns: 50% 50% !important;
    }
}
@media only screen and (max-width: 860px){
    .mb-col-avail {
        width: 30% !important;
    }
    .home-search .sw-col-1 input{
        padding: 10px 5px 10px 42px !important;
    }
    .appointment-calendar .days li.w-14 {
        width: 14.6% !important;
    }
    .home-search .sw-col-1 {
        width: 100% !important;
        border: 0px !important;
    }
    .home-search .sw-col-2, .home-search .sw-col-3 {
        width: 46% !important;
        border: 0px !important;      
    }
    .col-top-search-full .home-search button.btn-search {
        padding: 6px 20px !important;
    }
    .col-top-search-full .home-search button.btn-search {
        top: auto !important;
        bottom: 5px !important;
        right: 6px !important;
    }
    .home-search .sw-col-2 img {
        left: 7px !important;
    }
    .home-search .sw-col-2 .input-range {
        padding: 10px 5px 10px 35px !important;
    }
    .col-top-search-full div#searchhistory[list] {
        width: 112.5% !important;
        max-width: 112.5% !important;
    }
}
@media only screen and (max-width: 829px){
    .timeline-prof::after{
        bottom: 155px !important;
    }
}
@media only screen and (max-width: 828px){
    .connect-input p.text-range{
        text-align: left !important;
    }
    .home-left-bg {
        margin-top: 100px !important;
    }
    .home-left-bg img {
        width: 420px !important;
    }
    .column-form-1, .column-form-4{
        margin-bottom: 10px;
    }
    .column-form-1, 
    .column-form-2, 
    .column-form-3, 
    .column-form-4, 
    .column-form-5, 
    .column-form-6{
        width: 100% !important;
    }
    .appointment-calendar .days li.w-14 {
        width: 14.5% !important;
    }
    .history-section .total__text {
        top: 38% !important;
    }
    .column-address-half{
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .column-form-half{
        width: 100% !important;
        height: auto !important;
    }
    .input-add{
        margin-bottom: 0px !important;
    }
    .worker-step-3 .row-form {
        position: relative !important;
        padding-bottom: 70px;
    }
    .column-form-half:first-child{
        position: static !important;
    }
    .pref-bottom {
        position: absolute !important;
        bottom: -15px !important;
        width: 100% !important;
        left: 0px !important;
        right: 0px !important;
        padding: 0 30px !important;
    }
}
@media only screen and (max-width: 800px){
    .appointment-calendar .days li.w-14 {
        width: 14.3% !important;
    }
    .scan-section .col-md-3{
        padding-right: 0px;
    }
}
@media only screen and (max-width: 792px){
    .container-work.img-2 img {
        width: 17px !important;
    }
    .container-work.img-1 img {
        width: 21px !important;
    }
    .modal__buttons button {
        width: 100% !important;
        margin-bottom: 20px !important;
        margin-left: 0px !important;
    }
    .column-free-divider{
        width: 4% !important;
    }
    .column-free-half{
        width: 48% !important;
    }
}
@media only screen and (max-width: 775px){
    .right-btns{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .nav-ml-20{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .top-banner-search {
        padding: 80px 30px 0px 30px !important;
    }
    .mobile-res-top{
        margin-top: -15px !important;
    }
}
@media only screen and (max-width: 767px){
    .btn-profile-circle.margin-worker {
        top: 4px !important;
    }
    #menu-accordion{
        padding: 0px 15px 0px 15px;
    }
    .tbl-exp td {
        display: block !important;
        text-align: left !important;
    }
    .btn-profile-circle {
        top: 5px !important;
    }
    .dropdown.all-notif {
        top: -31px !important;
        float: right !important;
        right: 50px !important;
        margin-bottom: -40px !important;
        margin-right: 0px !important;
    }
    .top-tw {
        float: right !important;
        margin-top: -47px !important;
        right: 100px !important;
    }
    .data-avail-time {
        padding-bottom: 15px !important;
    }
    .mb-col-btn span.accepted,
    .mb-col-btn span.cancelled{
        padding: 10px 0px !important;
        text-align: left !important;
        display: block !important;
    }
    .mb-col-btn button{
        display: block !important;
        float: none !important;
        margin-left: 0px !important;
        margin-top: 10px !important;
    }
    .mb-col-btn {
        width: 100% !important;
    }
    .btn-cancel-order, .btn-book-again{
        margin-left: 0px !important;
    }
    .btn-rate-booking{
        float: none !important;
    }
    .btn-show-rate{
        float: none !important;
        padding: 7px 0px !important;
        display: block !important;
    }
    .modal-content-sendrate .content-modal,
    .modal-content-viewrate .content-modal,
    .modal-content-delete-skill .content-modal{
        width: 90% !important;
    }
    .connect-input .input-money-wallet input{
        width: 100% !important;
    }
    .input-money-wallet button{
        width: 100% !important;
        margin-left: 0px !important;
        margin-top: 20px;
    }
    .tbl-up-bookings table td p, .data-avail{
        padding-right: 15px !important;
    }
    .data-avail-calendar {
        margin-bottom: 0px !important;
    }
    .btn-cancel-order{
        float: none !important;
        margin-top: 15px !important;
        margin-left: 0px !important;
    }
    .btn-book-again {
        float: none !important;
        margin-top: 15px !important;
    }
    .tbl-up-bookings table td h3{
        font-size: 13px !important;
        margin: 0px !important;
    }
    .tbl-up-bookings table td p{
        font-size: 13px !important;
        margin: 0px 0px 10px 0px !important;
    }
    .data-avail-time img {
        margin-right: 10px !important;
    }
    .data-bk{
        margin-left: 70px !important;
        width: auto !important;
    }
    .tbl-up-bookings{
        position: relative !important;
    }
    .tbl-up-bookings .mb-relative{
        position: absolute !important;
        left: 25px !important;
    }
    .tbl-up-bookings table td{
        display: contents !important;
    }
    .home-about{
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .timeline-why::after{
        bottom: 73px !important;
    }
    .timeline-prof::after {
        bottom: 169px !important;
    }
    .col-exp-details-1{
        width: 100% !important;
        border: 0px !important;
        padding-right: 0px !important
    }
    .col-exp-details-2{
        width: 100% !important;
        border: 0px !important;
        padding-right: 0px !important
    }
    .grid-item-avail{
        border-radius: 20px !important;
    }
    .home-search .sw-col-1 {
        width: 100% !important;
    }
    .home-search .sw-col-2, .home-search .sw-col-3 {
        width: 46% !important;
    }
    .dot-new-msg{
        left: 100px !important;
        top: 5px !important;
    }
    .mobile-main-header{
        display: block !important;
        padding: 21px 15px !important;
        position: fixed !important;
    }
    .pink-header, .home-header{
        display: none !important;
    }
    .home-res .mobile-main-header{
        background-color: transparent !important;
        position: relative!important;
    }
    .home-left-bg{
        display: none !important;
    }
    .calendar-appoint {
        right: 161px !important;
        top: -3px !important;
    }
    .calendar-appoint img {
        width: 19px !important;
    }
    .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion {
        padding: 0px 5px !important;
        font-size: 11px !important;
    }
    .calendar-full .fc .fc-button-primary,
    .calendar-full .fc .fc-button-primary:not(:disabled).fc-button-active{
        font-size: 12px !important;
    }
    .avail-info span{
        font-size: 12px !important;
    }
    .img-rec-left {
        vertical-align: top;
        padding-top: 4px;
    }
    .msg-rec-img {
        height: 40px !important;
        width: 40px !important;
    }
    .msg-rec-status{
        padding: 10px 0px !important;
    }
    .btn-back-arrow button{
        top: 25px !important;
    }
    .msg-content{
        height: 58vh !important;
    }
    .col-message-1{
        border-right: 0px !important;
    }
    .btn-back-arrow{
        display: inline-block !important;
    }
    .row-message .col-message-2{
        display: none;
    }
    .row-message{
        grid-template-columns: 100% !important;
    }
    .msg-list{
        height: 100% !important;
    }
    .calendar-full .fc .fc-col-header-cell-cushion{
        font-size: 11px !important;
    }
    .col-review-1{
        width: 20% !important;
    }
    .col-review-2{
        width: 80% !important;
    }    
    .login-panel{
        margin-top: 20% !important;
    }
    .menu-dropdown{
        margin-top: -40px !important;
        right: 15px !important;
        top: 53px !important;
    }
    .col-homenav-4 {
        width: 100% !important;
        padding: 0px !important;
        float: none !important;
    }
    .col-homenav-8 {
        width: 100% !important;
        text-align: center !important;
        margin-top: 5px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0px !important;
        left: 0 !important;
        float: none !important;
        right: 0 !important;
    }
    .col-homenav-8 .nav-right{
        float: none !important;
    }
    .column-free-half{
        width: 100% !important;
    }
    .column-free-divider{
        width: 100% !important;
        margin-bottom: 5px !important;
    }
    .link-client span, .link-freelancer span{
        font-size: 12px !important;
    }
    .link-workexp span, .link-freshgrad span{
        font-size: 12px !important;
    }
    .multiple__step table.progress__bar td{
        width: 93% !important;
    }
    .multiple__step.frlncr-step table.progress__bar td {
        width: 46% !important;
    }
    .pwc-header h2{
        margin-right: 115px !important;
    }
    .pwc-header p {
        margin-right: 125px !important;
    }
    .client-animation{
        margin-top: -130px !important;
    }
    .home-header {
        padding: 35px 40px !important;
    }
    .wid-33{
        width: 100% !important;
    }
    .prof-ml-35{
        margin-left: 0px !important;
    }
    .profile-stage .prof-ml20 {
        margin-left: 0px !important;
    }
    .login-text h3{
        font-size: 20px !important;
    }
    .ml-4 {
        margin-left: 5px !important;
        margin-right: 10px !important;
    }
    .grid-container-sched{
        grid-template-columns: 100% !important;
        margin-right: -25px !important;
    }
    .bottom-page{
        padding: 10px 30px !important;
    }
    .modal-scan .column-next-1{
        width: 100% !important;
    }
    .modal-scan .column-next-2{
        width: 50% !important;
        margin-top: 15px !important;
    }
    .modal-scan .column-next-3{
        width: 50% !important;
        margin-top: 15px !important;
    }
    .modal-scan .column-next-2 {
        padding: 0px 15px 0px 0px !important;
    }
    .modal-scan .tbl-profile td {
        padding-top: 10px !important;
    }
    .width-90 {
        width: 90% !important;
    }
    .width-80 {
        width: 85% !important;
    }
    .history-section .total__text {
        margin-top: 70px !important;
        font-size: 16px !important;
        text-align: center !important;
        width: 100% !important;
        line-height: 42px !important;
        top: 36% !important;
    }
    .modal-register{
        top: 50% !important;
        width: 80% !important;
    }
    .upload-btn-wrapper{
        left: 0px !important;
    }
    .tmbnl-img {
        margin-left: auto;
        margin-right: auto;
    }
    .profile-stage .col-md-3{
        width: 100%;
    }
    .scan-section .tabs-stage .div-center {
        bottom: 30px !important;
    }
    .tabs-stage .box-middle{
        top: 0% !important;
        margin-top: 50px !important;
    }
    .scan-section .col-md-3{
        padding-right: 15px;
    }
    .login-logo{
        margin-left: 25px !important;
    }
    .box-middle{
        position: relative !important;
        margin-top: 40px !important;
    }
    .enter-ref{
        width: 350px !important;
    }
    .pagination{
        float: none !important;
        margin-left: -15px !important;
        margin-top: 0px !important;
    }
    .show-num{
        padding-bottom: 0px !important;
    }
    .img-code{
        margin-top: 5px !important;
    }
    .img-reference{
        margin-top: 10px !important;
        margin-bottom: 0px !important;
    }
    .btn-scan{
        width: 350px !important;
    }
    .scan-section .div-center {
        position: relative !important;
        bottom: 10px !important;
        margin-top: 30px !important;
    }
    .scan-center{
        margin-top: 0px !important;
    }
    .tabs-stage{
        padding: 20px !important;
    }
    .scan-section .tabs-stage {
        height: auto !important;
    }
    #defaultbox .tabs-stage {
        height: 200px !important;
    }
    .dash-count-red, .dash-count-green, .dash-count-pink, .dash-count-blue, .dash-count-yellow{
        padding: 5px;
    }
    .col-dash-1{
        margin-top: 15px;
    }
    .col-dash-1, .col-dash-2, .col-dash-3, .col-dash-4, .col-dash-5, .col-dash-6{
        width: 100% !important;
        margin-bottom: 15px;
    }
    .icon-img {
        padding-left: 20px !important;
    }
    .mlm-30 {
        margin-left: 10px !important;
    }
    .res-pl-0{
        padding-left: 10px !important;
        margin-top: 20px !important;
    }
    .mlm-30 {
        margin-left: 15px;
        margin-top: 20px;
    }
    .contact-num {
        padding: 10px 30px;
    }
    .tel-input{
        width: 500px !important;
        
    }
    .ml-tel{
        margin-left: 15px !important;
    }
    .ml-40{
        margin-left: 10px !important
    }
    ul.steps li::before {
        left: -8em;
        width: 8em;
    }
    label.txt-step p{
        margin-right: 0px;
        font-size: 11px;
    }
    ul.steps li {
        margin-left: 7.7em;
    }
    .main-box{
        width: 100%;
    }
    .pymnt-panel{
        width: 100%;
    }
	.header-upper .logo-outer {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		width:100%;
		margin:0px;
	}
	
	.main-header .header-top .top-right,
	.main-header .header-top .top-left{
		width:100%;	
	}
	
	.main-header .header-top .top-right ul li,
	.main-header .header-top .top-left ul li{
		margin:0px 10px;	
	}
	
	.main-slider .tp-caption{
		display:none !important;
	}
	
	.main-header .header-top .top-right ul,
	.main-header .header-top .top-left ul,
	.header-top .social-icon,
	.header-top .top-right ul{
		text-align:center;
		width:100%;
		margin:10px 0px;
		padding:0px;	
	}
	
    .sec-title h2{
		font-size:34px;	
		padding:36px 35px 20px;
    }
	
	.sec-title h3,
	.sec-title-one h3,
	.sec-title-two h3{
		font-size:24px;
	}
	
	.about-section .images-column .column.big-column{
		margin-top:0px;
	}
	
	.about-section .images-column,
	.contact-section .info-column{
		padding-left:15px;
	}
	
	.sec-title-one h2,
	.news-block .inner-box{
		padding-left:0px;
		text-align:center;
	}
	
	.explore-section.style-two .title-column .inner-box h2 br,
	.explore-section.style-three  .title-column .inner-box h2 br,
	.counter-section .title-box h2 br,
	.explore-section .title-column .inner-box h2 br{
		display:none !important;
	}
	
	.explore-section.style-two .title-column .inner-box h2,
	.explore-section.style-three  .title-column .inner-box h2,
	.explore-section .title-column .inner-box h2{
		text-align:left;
	}
	
	.book-hotel{
		padding:38px 15px 25px;
	}
	
	.newsletter-section h2,
	.sec-title-three h2{
		font-size:30px;
	}
	
	.page-title .title-box h2,
	.default-form .title-box h3,
	.reservation-section .offer-column .inner-box-content h2,
	.explore-section .title-column .inner-box h2,
	.counter-section .title-box h2{
		font-size:32px;
	}
	
	.rate-block.style-two{
		padding:0px;
	}
	
	.post-style-one .inner-box .content-box .title{
		font-size:16px;
	}
	
	.post-style-one .inner-box .content-box{
		padding:25px 20px;
	}
	
	.news-block .inner-box .image-box{
		position:relative;
		margin:0 auto;
	}
	
	.explore-section .title-column .inner-box,
	.two-col-text .column .text,
	.service-block .inner{
		padding-right:0px;
	}
	
	.title-box a.pull-right,
	.rate-block .inner-box .lower-content .lower-box .book-now{
		float: left !important;
		margin-top: 20px;
	}
	
	.rate-block .inner-box .lower-content .lower-box .price-day{
		width: 100%;
	}
	
	.rate-block .inner-box .lower-content .lower-box .book-now,
	.reservation-section .rate-block .inner-box .lower-content .lower-box .book-now{
		float: left !important;
		margin-top: 20px;
	}
	.post-list {
        margin-top: 130px !important;
    }
    .col-post-full{
        width: 100% !important;
    }
    .tbl-frl td.frl-divider{
        display: none !important;
    }
    .rate-pink {
        position: relative !important;
        right: 0px !important;
        float: none !important;
        margin-top: 5px !important;
    }
    .frl-rate{
        width: 100% !important;
    }
    .pink-header{
        padding: 16px 0px 5px 0px !important;
    }
    .top-banner-search {
        padding: 80px 20px 0px 20px !important;
    }
    .row-searched{
        padding: 0px !important;
    }
    .col-searched-1{
        padding: 0px !important;
    }
    .frlncr-list, .frlncr-height {
        margin-top: 15px !important;
    }
    .col-searched-2{
        padding: 0px !important;
    }
    .frl-prof-left{
        width: 100% !important;
    }
    #booking_history_div .mb-col-btn{
        padding-top: 0px;
        display: block !important;
    }
}
@media only screen and (max-width: 747px){
    .appointment-calendar .days li.w-14 {
        width: 14.1% !important;
    }
}
@media only screen and (max-width: 738px){
    .appointment__calendar .days li {
        width: 13.5% !important;
    }
    .appointment__calendar .weekdays li {
        width: 13.5% !important;
    }
}
@media only screen and (max-width: 700px){
    .appointment-calendar .days li.w-14 {
        width: 14% !important;
    }
}
@media only screen and (max-width: 699px){
    .grid-container-remin{
        grid-template-columns: 100% !important;
    }
    .grid-item-remin {
        margin: 0px 10px 20px 10px !important;
    }
    .grid-container-dash{
        grid-template-columns: 100% !important;
        margin: 0px -10px -10px 15px !important;
    }
    .grid-item-dash {
        margin: 0px 10px 20px 10px !important;
    }
    .verbar-padd{
        margin-bottom: 5px !important;
    }
    .grid-container-dashlet {
        grid-template-columns: 100% !important;
    }
    .grid-item-dashlet{
        margin-bottom: 20px !important;
    }
}
@media only screen and (max-width: 681px){
    .appointment-calendar .days li.w-14 {
        width: 13.9% !important;
    }
    .home-search .sw-col-1 {
        width: 100% !important;
    }
    .home-search .sw-col-2, .home-search .sw-col-3 {
        width: 44% !important;
    }
}
@media only screen and (max-width: 667px){
    #loadingAddMoney {
        height: 62% !important;
    }
}
@media only screen and (max-width: 662px){
    .appointment-calendar .days li.w-14 {
        width: 13.7% !important;
    }
    .history-section .total__text {
        margin-top: 40px !important;
    }
}
@media only screen and (max-width: 644px){
    .timeline-prof::after {
        bottom: 180px !important;
    }
    .appointment-calendar .weekdays li, .appointment-calendar .days li {
        width: 13.7% !important;
    }
    .appointment-calendar .days li.w-14 {
        width: 14.2% !important;
    }
    .login-panel,
    .login-panel.sign-mt{
        width: 90% !important;
        margin-top: 150px !important;
    }
    .column-pwc-half{
        width: 100% !important;
    }
    .column-pwc-divider{
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .column-free-half{
        width: 100% !important;
    }
    .column-free-divider{
        width: 100% !important;
        margin-bottom: 10px !important;
    }
}
@media only screen and (max-width: 684px){
    .history-section .total__text {
        margin-top: 50px !important;
    }
    ul.steps li::before {
        left: -8em;
        width: 8em;
    }
    label.txt-step p{
        margin-right: -3px;
        font-size: 11px;
    }
    ul.steps li {
        margin-left: 7.7em;
    }
    .less-padding{
       padding: 28px 10px 20px 10px;
    }
    .icon-img img {
        width: 40px !important;
    }
    .client-box{
        width: 85% !important;
    }
    .pwc-box{
        width: 85% !important;
        position: fixed !important;
        left: 50% !important;
        top: 40% !important;
        transform: translate(-50%, -50%) !important;
    }
}
@media only screen and (max-width: 639px){
    .appointment-calendar .weekdays li, .appointment-calendar .days li{
        width: 13.7% !important;
        padding: 15px 0px !important;
    }
    .history-section .total__text {
        margin-top: 32px !important;
        font-size: 13px !important;
    }
    .sched-title a{
        float: none !important;
        margin-top: 10px !important;
        margin-bottom: 20px !important;
        display: block !important;
    }
    .col-frlncr-1 {
        width: 30% !important;
    }
    .col-frlncr-2 {
        width: 70% !important;
    }
}
@media only screen and (max-width: 609px){
    .bg-sender .msg-chat-img{
        right: -40px !important;
    }
    .bg-recipient .container-msg .msg-chat-text,
    .bg-sender .container-msg .msg-chat-text{
        padding: 11px 11px 10px 11px !important;
    }
    .msg-content {
        padding: 20px 40px 10px 55px !important;
        margin-bottom: 92px !important;
    }
    .btn-offer {
        float: none !important;
        position: relative !important;
        right: 0px !important;
        top: 0px !important;
        margin-top: 10px !important;
        margin-bottom: 4px;
    }
    .chat-input {
        padding: 10px 40px 10px 20px  !important;
    }
    .chat-upload{
        top: 13px !important;
        left: 10px !important;
    }
    .chat-record{
        right: 13px !important;
    }
    .msg-chatbox {
        padding: 20px 15px 20px 15px !important;
    }
    .chat-btn-send button img {
        width: 35px !important;
    }
    .chat-btn-send {
        width: 48px !important;
    }
    .chat-record img {
        width: 15px !important;
    }
    .chat-upload img {
        width: 16px !important;
    }
    .btn-back-arrow {
        width: 4px !important;
        padding-left: 2px !important;
    }
    .appointment-calendar .days li.w-14 {
        width: 13.7% !important;
    }
    .calendar-full .fc .fc-col-header-cell-cushion{
        font-size: 11px !important;
    }
    .fc-timeGridWeek-view .fc-scrollgrid-sync-inner{
        padding: 0px !important;
    }
    .msg-rec-status{
        width: auto !important;
    }
    .msg-rec-status p{
        display: none !important;
    }
    .msg-receiver-name {
        padding: 10px 40px 10px 15px !important;
    }
    .msg-rec-status img {
        position: absolute !important;
        right: 13px !important;
    }
    .msg-rec-firstname{
        padding-right: 0px !important;
    }
}
@media only screen and (max-width: 585px){
    #loadingAddMoney {
        height: 58% !important;
    }
}
@media only screen and (max-width: 568px){
    .appointment__calendar .days li {
        width: 13.3% !important;
    }
    .appointment__calendar .weekdays li {
        width: 13.3% !important;
    }
    .column-next-1{
        width: 100% !important;
        padding: 0px 10px 20px 10px !important;
    }
    .column-next-2, .column-next-3{
        width: 50% !important;
        padding: 0px 10px !important;
    }
    .p-name, .tbl-profile .p-number {
        padding-top: 8px !important;
    }
    .modal-scan .column-next-1{
        padding: 0px !important;
    }
}
@media only screen and (max-width: 535px){
    .col-frlncr-2{
        height: auto !important;
    }
    .tbl-rated {
        position: relative !important;
    }
    .appointment-calendar .weekdays li, .appointment-calendar .days li{
        width: 13.6% !important;
    }
    .history-section .total__text {
        width: 60px !important;
        line-height: 18px !important;
        margin-top: 20px !important;
    }
    .width-80 {
        width: 80% !important;
    }
    .column-next-2, .column-next-3{
        width: 100% !important;
    }
    .col-frlncr-2{
        width: 100% !important;
    }
    .col-frlncr-1 {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .row-post {
        margin: 0px 0px !important;
        padding: 0px 0px !important;
    }
    .grid-container-dashlet{
        margin: 20px 0px 100px 0px !important;
    }
}

@media only screen and (max-width: 648px){
    .home-search .sw-col-1 {
        width: 100% !important;
    }
    .home-search .sw-col-2, .home-search .sw-col-3 {
        width: 44% !important;
    }
    .contact-num {
        padding: 10px 25px;
    }
    ul.steps li {
      width: 9px;
      height: 9px;
      text-align: center;
      line-height: 15px;
      border-radius: 1em;
      background: #00bf18;
      margin: 0 2em;
      display: inline-block;
      color: white;
      position: relative;
      margin-top: 20px;
      margin-left: 5.1em;
    }
    ul.steps li::before{
      content: '';
      position: absolute;
      top: .3em;
      left: -7.5em;
      width: 7.5em;
      height: .2em;
      background: #00bf18;
      z-index: 1;
    }
    label.txt-step{
        margin-left: 0px;
    }
    label.txt-step p{
        margin-left: 0px; 
        display: inline; 
        font-size: 11px;
    }
}
@media only screen and (max-width: 648px){
    .ml-tel{
        margin-left: 15px !important;
    }
    .car-img {
        margin-bottom: 30px;
    }
    .car-img img {
        margin-bottom: 15px;
    }
    .recent-img {
        width: 15% !important;
    }
    .recent-name{
        font-size: 15px;
    }
    .recent-date{
        font-size: 13px;
    }
    .home-section .total__text {
        margin-top: 0px !important;
    }
}
@media only screen and (max-width: 607px){
    .pwc-animation {
        margin-top: -95px !important;
    }
}
@media only screen and (max-width: 599px){
    .btn-profile-circle.margin-worker {
        top: 1px !important;
    }
    .modal-am-attachment label.close,
    .modal-am-delete-skill label.close {
        margin-top: -60px !important;
    }
    .edit-status .slct-dropdown .stylish .bg-arrow{
        top: 0px !important;
        margin: auto !important;
        padding: 6px !important;
    }
    .tbl-prof-skills table td,
    .add-skill-rate table td{
        display: block !important;
    }
    .tbl-prof-skills table td .rate-skills-disabled{
        margin-top: 10px !important;
        left: -15px !important;
    }
    .edit-skill-rate table td:nth-child(2),
    .add-skill-rate table td:nth-child(2){
        position: relative !important;
        left: -20px !important;
        margin-top: 10px !important;
    }
    .column-rc-1{
        width: 100% !important;
    }
    .column-rc-2 {
        width: 100% !important;
        margin-bottom: 20px !important
    }
    .grid-container-avail {
        display: grid !important;
        grid-template-columns: 75% 25% !important;
    }
    .modal-content-feedback.modal-am-feedback.width-feedback .branch-title {
        top: 30px !important;
    }
    .bg-arrow {
        margin-top: -34px !important;
    }
    .max-text{
        margin-bottom: 0px !important;
    }
    .col-bottom-top-1.padd-10 {
        padding: 14px 10px !important;
    }
    .width-language {
        width: 90% !important;
    }
    .col-lang-top-2 {
        padding: 9px 10px !important;
    }
    .row-prof-view {
        margin-bottom: -10px !important;
    }
    .column-prof-view-full{
        margin-bottom: 10px !important;
    }
    .prof-view-input input{
        padding: 8px 18px !important;
    }
    .bg-arrow{
        top: -2px !important;   
        padding: 6px !important;
    }
    .width-language,
    .content-modal.width-attachment,
    .modal-content-time .content-modal {
        width: 90% !important;
        right: 0px !important;
        left: 0px !important;
        margin: auto;
    }
    .modal-am-educ .content-modal,
    .modal-am-editeduc .content-modal,
    .modal-am-deleteeduc .content-modal,
    .modal-am-language .content-modal,
    .modal-am-bio .content-modal,
    .modal-am-skills .content-modal,
    .modal-am-editskills .content-modal,
    .modal-am-deleteskills .content-modal,
    .modal-am-achieve .content-modal,
    .modal-am-editachieve .content-modal,
    .modal-am-deleteachieve .content-modal,
    .modal-am-project .content-modal,
    .modal-am-editproject .content-modal,
    .modal-am-deleteproject .content-modal,
    .modal-am-exp .content-modal,
    .modal-am-editexp .content-modal,
    .modal-am-deleteexp .content-modal,
    .modal-am-title .content-modal,
    .modal-am-rate .content-modal,
    .modal-content-client-attach .content-modal,
    .modal-am-profile-link .content-modal{
        padding: 50px 25px 30px 25px !important;
    }
    .modal-am-educ label.close,
    .modal-am-editeduc label.close,
    .modal-am-deleteeduc label.close,
    .modal-am-language label.close,
    .modal-am-bio label.close,
    .modal-am-skills label.close,
    .modal-am-editskills label.close,
    .modal-am-deleteskills label.close,
    .modal-am-achieve label.close,
    .modal-am-editachieve label.close,
    .modal-am-deleteachieve label.close,
    .modal-am-project label.close,
    .modal-am-editproject label.close,
    .modal-am-deleteproject label.close,
    .modal-am-exp label.close,
    .modal-am-editexp label.close,
    .modal-am-deleteexp label.close,
    .modal-am-title label.close,
    .modal-am-rate label.close,
    .modal-content-client-attach label.close,
    .modal-content-profile-link label.close{
        margin-top: -45px !important;
    }
    .modal-am-exp label.close,
    .modal-am-editexp label.close{
        position: absolute;
        right: 24px;
    }
    .exp-textarea textarea{
        height: 76px !important;
    }
    .achieve-attach .tmbnl-img{
        height: 115px !important;
    }
    .file-placeholder{
        top: 23% !important;
    }
    .message-content {
        padding: 0px 20px !important;
    }
    .msg-firstname h4 {
        font-size: 13px !important;
    }
    .column-prof-view-half{
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .prof-view-input p {
        font-size: 12px !important;
    }
    .branch-title{
        top: 20px !important;
    }
    .branch-title h4 {
        font-size: 14px !important;
    }
    .col-prof-top-1, .col-prof-top-2{
         width: 50% !important;
    }
    .col-prof-top-3, .col-prof-top-4 {
        width: 50% !important;
        height: 55px !important;
    }
    .col-prof-top-5{
         width: 50% !important;
    }
    .col-review-1{
        width: 30% !important;
    }
    .col-review-2{
        width: 70% !important;
    } 
    .nav-ml-20{
        margin-left: 0px !important;
    }
    .top-banner-search{
        position: relative !important;
    }
    .frlncr-list, .frlncr-height {
        margin-top: 10px !important;
    }
    .top-how-btn{
        float: none !important;
        margin-top: -10px !important;
        margin-bottom: 15px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
    .top-banner-text h3, .top-banner-text p{
        text-align: center !important;
        width: 100% !important;
    }
    .pink-header .right-btns{
        position: relative !important;
    }
    .top-banner-search {
        padding: 100px 20px 0px 20px !important;
    }
    .btn-profile-circle {
        margin-top: 3px !important;
        height: 40px !important;
        width: 40px !important;
        top: 0px !important;
    }
    .client-box{
        margin-top: 8% !important;
    }
    .home-logo{
        position: relative !important;
    }
    .pink-header{
        padding: 16px 0px 5px 0px !important;
    }
    .right-btns{
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 30px;
        display: block !important;
    }
    .right-links{
        float: none !important;
    }
    .nav-right{
        float: none !important;
    }
    .home-header {
        padding: 25px 10px !important;
    }
    .fc .fc-button-group > .fc-button.fc-dayGridMonth-button {
        margin-left: 0px !important;
    }
    .dash-center {
        right: 32px !important;
    }
    .sett-title label{
        float: none !important;
        margin-top: 10px !important;
    }
    .history-section .total__text {
         margin-top: 20px !important;
    }
    .billing-history .lab-padd tr td, .billing-history .lab-padd tr th{
        padding: 24px 25px;
    }
    .btn-files{
        width: 75px !important;
    }
	.panel-logis{
        width: 80% !important;
    }
	.sec-title-two h2{
		font-size:38px;
	}
	
	.page-title .title-box h2,
	.page-title .title-box h1,
	.two-col-fluid .left-column .inner-box h2,
	.wellness-spa .content-column h3,
	.explore-section .title-column .inner-box h2,
	.explore-section.style-three  .title-column .inner-box h2,
	.offer-section .content-box h3,
	.rate-block .inner-box .lower-content .upper-box h3 a,
	.default-form .title-box h3,
	.contact-section .column .default-title h3{
		font-size: 24px;
	}
    .place-bk .btn-next{
        float: none;
        margin-top: 10px
    }
    .status-tbl table tr td {
        border-bottom: 1px solid #ddd;
    }
    label.txt-step{
        margin-left: 0px;
    }
    .recent-img {
        width: 23% !important;
        padding-left: 20px;
    }
    .home-section .total__text {
        margin-top: -20px !important;
    }
}
@media only screen and (max-width: 588px){
    ul.steps li {
        margin-left: 3.7em;
    }
    ul.steps li::before {
        left: -6em;
        width: 6em;
    }
    .ml-tel{
        margin-left: 15px !important;
    }
    .car-img {
        margin-bottom: 30px;
    }
    .car-img img {
        margin-bottom: 15px;
    }
/*
    .fc-timeGridWeek-view .fc-scrollgrid-sync-inner {
        padding: 10px 0px !important;
    }
*/
}
@media only screen and (max-width: 570px){
    .calendar-full {
        margin-right: -15px !important;
        margin-left: -10px !important;
    }
    .worker-page .main-box .tab-content>.tab-pane {
        padding: 40px 20px 20px 20px !important;
    }
    .add-avail-btn {
        right: 105px !important;
    }
    .add-avail-btn button img {
        width: 15px !important;
        margin-right: 5px !important;
        top: 0px !important;
    }
    .worker-page .main-box .tab-content>.tab-pane {
        padding: 40px 30px 25px !important;
    }
    #loadingAddMoney {
        height: 62% !important;
    }
    .home-search .sw-col-3 .home-time-dropdown .dropdown-toggle p {
        left: 35px !important;
    }
    .home-search .sw-row .sw-col-2 input {
        padding: 10px 5px 10px 35px !important;
    }
    .home-search .sw-col-2 .arrow-range-search{
        right: 12px !important;
    }
    .home-about {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .home-search .hs-col-3 .arrow-down-search {
        top: 14px !important;
    }
    .home-search .hs-col-2 .arrow-range-search {
        top: 13px !important;
    }
    .col-top-search-full .home-search button.btn-search{
        position: relative !important;
        right: auto !important;
        width: 100%;
        margin-top: 13px !important;
    }
    .home-search .sw-col-2 {
        width: 100% !important;
        margin-bottom: 0px !important;
    }
    .home-search .sw-col-3 {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    .mobile-main-header {
        padding: 20px 15px !important;
    }
    .home-res .mobile-main-header {
        left: 0px !important;
        top: 0px !important;
    }
    .home-trusted {
        margin-top: 80px !important;
/*        position: fixed;*/
        bottom: 0px;
    }
    .home-content p {
        margin-top: 20px !important;
        margin-bottom: 15px !important;
    }
    .img-ts {
        width: 120px !important;
    }
    .img-py {
        width: 30px !important;
    }
    .modal-content-language .content-modal.width-language,
    .modal-content-title .content-modal.width-language,
    .modal-content-rate .content-modal.width-language,
    .modal-content-complete-booking .content-modal{
        width: 90% !important;
    }
    .row-top-search .home-search .btn-search{
        right: 0 !important;
        left: 0 !important;
        text-align: center !important;
        top: 65.3px !important;
        padding: 8px 22px !important;
    }
    .home-content .home-search .btn-search{
        padding: 8px 22px !important;
        width: 100% !important;
        right: 0px !important;
        text-align: center !important;
        top: 0px !important;
        float: none !important;
    }
    .padd-0 {
        padding: 0px 30px !important;
    }
    .home-popular{
        margin-top: 20px !important;
    }
    .home-search img {
        left: 4px !important;
        top: 11px !important;
        width: 15px !important;
    }
    .home-time-dropdown .dropdown-toggle p{
        left: 30px !important;
    }
    .home-search .hs-col-3 img {
        top: 11px !important;
        left: 2px !important;
    }
    .home-content .h1-book{
        font-size: 21px !important;
    }
    .home-content {
        margin-top: 90px !important;
    }
    .pwc-animation {
        margin-top: -72px !important;
    }
    label.txt-step{
        margin-left: 0px;
    }
    .btn-print{
        margin-bottom: 20px !important;
    }
    .pwc-header{
        padding: 30px 40px 25px 45px !important;
    }
    .pwc-header h2{
        font-size: 20px !important;
    }
    .multiple__step table.progress__bar td{
        width: 90% !important;
    }
    .multiple__step.frlncr-step table.progress__bar td {
        width: 45% !important;
    }
    .row-top-search .home-search {
        padding: 2px 8px 2px 9px !important;
    }
    .row-top-search .home-search .btn-search{
        top: 55px !important;
    }
    .col-top-search-2, .col-top-search-3 {
        width: 50% !important;
        margin-top: 45px !important;
    }
    .row-top-search .home-search .sw-col-3 img{
        top: 12px !important;
        left: 8px !important;
    }
    .row-top-search .home-search .sw-col-2 img {
        top: 11px !important;
    }
    .fc .fc-toolbar-title {
        margin-top: 50px !important;
        margin-bottom: 20px !important;
        position: absolute !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        top: -78px !important;
        left: 0 !important;
        right: 0px !important;
        font-size: 12px !important;
    }
    .calendar-appoint {
        top: -1px !important;
    }
    .calendar-appoint img {
        width: 17px !important;
    }
}
@media only screen and (max-width: 538px) {
    .avail-every td:first-child {
        left: 2px !important;
    }
    .avail-every td:first-child .container-avail{
        margin-bottom: 0px !important;
    }
    .avail-every td:first-child {
        display: block !important;
        text-align: left !important;
    }
    .avail-every td {
        display: inline-grid !important;
        padding: 5px 7px 5px !important;
        margin-right: 0px !important;
    }
    .timeline-prof::after {
        bottom: 180px !important;
    }
    .btn-msg{
        margin-top: -20px;
    }
    .modal-content-region, .modal-content-city, .modal-content-branch, .modal-content-service{
        width: 80% !important;
        padding: 30px 20px 25px !important;
    }
    .region-label label {
        padding-right: 10px;
    }
    .dash-center {
        right: 19px !important;
    }
    .fc .fc-button-group > .fc-button.fc-dayGridMonth-button {
        margin-left: 0px !important;
    }
}
@media only screen and (max-width: 514px){
    .pwc-animation {
        margin-top: -91px !important;
    }
}
@media only screen and (max-width: 509px) {
    .dash-center {
        right: 20px !important;
    }
    form.form-add-sched input[type=text] {
        padding: 10px !important;
        font-size: 11px !important;
    }
    form.form-add-sched button{
        font-size: 11px !important;
    }
    .resp-12{
        padding-left: 0px !important;
        margin-left: -28px !important;
        width: 57% !important;
    }
    .sched-time span{
        font-size: 11px !important;
    }
    .modal-schedule article p {
        font-size: 13px !important;
    }
    .calendar-dropdown .select_year{
        width: 100% !important;
        margin-left: 0px !important;
    }
    .calendar-right{
        float: none !important;
    }
    .calendar-dropdown .select_month{
        width: 100% !important;
        margin-left: 0px !important;
    }
    .calendar-dropdown{
        height: auto !important;
    }
    .fc .fc-toolbar {
        display: block !important;
    }
    
    .fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 0px !important;
    }
/*
    .calendar-full .fc .fc-button-primary, .calendar-full .fc .fc-button-primary:not(:disabled).fc-button-active {
        padding: 0px 20px 10px 20px !important;
    }
    .fc .fc-view-harness {
        margin-top: 30px !important;
    }
    .calendar-full .fc .fc-button-primary, .calendar-full .fc .fc-button-primary:not(:disabled).fc-button-active {
        margin-bottom: 20px !important;
    }
*/
}
@media only screen and (max-width: 504px) {
	 ul.steps li {
        margin-left: 2.7em;
    }
    ul.steps li::before {
        left: -5em;
        width: 5em;
    }
    
}
@media only screen and (max-width: 501px) {
    .history-section .total__text {
        margin-top: 13px !important;
        line-height: 15px !important;
    }
}
@media only screen and (max-width: 500px) {
    .sched-buttons {
        float: none !important;
        margin-top: 34px !important;
    }
    .btn-outline{
        margin-bottom: 20px !important;
        width: 100% !important;
    }
    .btn-filled-add{
        width: 100% !important;
    }
    .history-section .total__text {
        margin-top: 8px !important;
    }
    .contact-num {
        padding: 10px 15px;
    }
    .copyrght{
        position: fixed !important;
        z-index: 999
    }
    .overlay-msg:hover{
        width: 60% !important;
    }
    .data-img {
        width: 50px !important;
    }
    .modal-register h1{
        font-size: 16px !important;
    }
    .modal-register p{
        font-size: 13px !important;
    }
    .calendar-full .fc .fc-col-header-cell-cushion{
        width: 40px !important;
        margin-left: 5px !important;
    }
}
@media only screen and (max-width: 499px) {
    .btn-profile-circle.margin-worker {
        top: 3px !important;
    }
    .btn-profile-circle {
        top: 3px !important;
    }
    .dropdown.all-notif .notif-dropdown {
        left: 0px !important;
        right: 0px !important;
        width: 93% !important;
        position: fixed;
        top: 63px;
        margin: auto;
    }
    .menu-dropdown {
        margin-top: -43px !important;
    }
    .avail-input #id_date_to{
        margin-top: 0px !important;
    }
    .column-avail-half{
        width: 100% !important;
    }
    .modal-content-set-avail .content-modal{
        padding: 50px 40px 10px 40px !important;
    }
    .dash-text{
        display: none !important;
    }
    .fc-direction-ltr .fc-daygrid-event .fc-event-time {
        margin-right: 0x !important;
    }
    .fc-dayGridMonth-view .fc-daygrid-event{
        font-size: 10px !important;
    }
    .fc-dayGridMonth-view .fc-event-time {
        display: inline-block !important;
        width: 60px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-weight: 400 !important;
    }
    .avail-bal .btn-cash-in{
        width: 100% !important;
        padding: 10px 27px !important;
        float: none !important;
        top: 0px !important;
        margin-top: 15px !important;
        text-align: center !important;
    }
    .frlncr-height{
        margin-bottom: 50px !important;
    }
    .frl-prof-right {
        float: none !important;
        position: relative !important;
        right: 0px !important;
        margin-top: -10px !important;
        margin-bottom: 10px;
    }
    .frl-prof-left-name{
        margin-right: 0px !important;
    }
    .link-more-details {
        margin-left: 40px !important;
        float: none !important;
        margin-top: 0px !important;
    }
    .border-name-pos{
        display: block;
        border-right: 0px !important;
        margin-right: 0px !important;
        padding-right: 0px !important;
        line-height: 1.5em;
    }
    .avail-calendar{
        display: block !important;
        border-right: 0px !important;
        padding-right: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 5px !important;
    }
    .avail-time{
        display: block !important;
        margin-bottom: 0px !important;
    }
    .grid-item-avail-1{
        border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
        padding: 9px 15px !important;
    }
    .btn-book-avail{
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }
    .modal-content-book-avail .content-modal,
    .modal-content-money-wallet .content-modal,
    .modal-content-book-summary .content-modal,
    .modal-content-trans-unsuccess .content-modal{
        width: 90% !important;
    }
    .modal-content-book-avail,
    .modal-content-up-book{
        width: 90% !important;
    }
    .home-search .sw-col-3 .home-time-dropdown .dropdown-toggle p {
        padding-left: 5px !important;
    }
    .timeline-dot{
        top: 0px !important;
    }
    .timeline-prof::after {
        bottom: 193px !important;
    }
    .content-prof h4 .exp-div{
        display: none !important;   
    }
    .content-prof h4 .exp-comp{
        display: block !important; 
    }
    .home-search .sw-col-1 input {
        padding: 10px 5px 10px 30px !important;
    }
    .home-search .sw-col-2 input {
        padding: 10px 5px 10px 31px !important;
    }
    .home-search .sw-col-3 input {
        padding: 10px 5px 10px 31px !important;
    }
    .home-search .hs-col-2 .input-range{
        padding: 10px 5px 10px 31px !important;
    }
    .arrow-range-search{
        right: 5px !important;
    }
    .arrow-down-search{
        right: -19px !important;
    }
    .home-search .sw-col-2, .home-search .sw-col-3 {
        width: 100% !important;
    }
    .home-search .sw-col-2{
        border: 0px !important;
    }
    .col-top-search-full .home-search button.btn-search {
        margin-top: 25px !important;
    }
    .home-time-dropdown .dropdown-menu{
        margin-top: -10px !important;
    }
    .home-search button.btn-search{
        margin-top: 10px !important;
    }
    .home-search .hs-col-2, .home-search .hs-col-3 {
        width: 100% !important;
    }
    .datepicker-dropdown{
        left: 40px !important;
    }
    .link-check-avail{
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .col-status-1,
    .col-status-2,
    .col-status-3,
    .col-status-4{
        width: 100% !important;
    }
    .link-more-details a,
    .link-send-message a,
    .frl-prof-pos{
        font-size: 12px !important;
        line-height: 1.5em;
    }
    .link-send-message{
        float: none !important;
        margin-left: 37px !important;
    }
    .link-more-details{
        float: right !important;
        margin-top: -23px !important;
    }
    .row-searched .frl-prof-divider{
        display: none !important;
    }
    .row-searched .frl-prof-name,
    .row-searched .frl-prof-pos{
        display: block !important;
        padding-top: 1px !important;
    }
    .link-send-message a img {
        width: 13px !important;
        margin-right: 6px !important;
    }
    .column-sign-half{
        width: 100% !important;
    }
    .cancelbtn-modal {
        margin-top: 30px !important;
    }
    .modalapp-input p {
        margin-top: 20px !important;
    }
    .row-create {
        margin: 0 -8px 0px -8px !important;
    }
    .column-create-half{
        width: 100% !important;
    }
    .save-sched{
        width: 100% !important;
    }
    .column-slct-1{
        width: 100% !important;
    }
    .column-slct-2{
        width: 50% !important;
    }
    .column-slct-3{
        width: 50% !important;
    }
    .col-right-1 {
        width: 30% !important;
    }
    .row-right{
        margin-right: -30px !important;
    }
    .col-right-2 {
        width: 70% !important;
    }
    .td-img-prof{
        width: 80px !important;
        padding-top: 5px !important;
    }
    .icon-name, .arrow-right-btn{
        display: none;
    }
    .border-time{
        margin: 15px 0px 0px 0px !important;
    }
    .column-time-2 {
        padding: 10px 7px !important;
    }
    form.search-type {
        margin-top: 0px !important;
    }
    .drop-tog {
        margin-top: 28px !important;
    }
    .column-time-1, .column-time-2{
        width: 100% !important;
    }
    .history-section .total__text {
        margin-top: 40px !important;
    }
    .box-form{
        padding: 40px !important;
    }
    .morning-time .container-radio {
    padding: 12px 0px 12px 30px !important;
    }
    .enter-ref{
        width: 100% !important;
    }
    .chart__padding {
        padding: 25px 100px !important;
    }
    .pagination{
        margin-left: -0px !important;
    }
    .show-num p {
        font-size: 12px !important;
        margin-bottom: 20px; 
    }
    .pagi-nxt{
        margin-top: 5px !important;
    }
    .page-right{
        padding-left: 5px !important;
    }
    .tabs-stage {
        padding: 10px 70px !important;
    }
    .scan-center{
        width: auto !important; 
        padding: 30px 45px !important; 
        box-shadow: inset 0px 1px 2px #000 !important; 
        background-color: #f7f7f7 !important; 
    }
    .h-680{
        height: auto;
    }
    .top-profile img {
        width: 35px;
    }
    .name-top h4 {
        font-size: 15px;
    }
    .name-top label{
        font-size: 14px;
    }
    .top-active {
        height: 9px;
        width: 9px;
        margin-left: -8px;
        margin-top: 25px;
    }
    .top-call {
        margin-top: -45px;
    }
    .top-call i {
        font-size: 20px;
        margin-right: 0px;
    }
    .pres-page .pagi-nxt {
        margin-top: 5px !important;
    }
    .show-num{
        padding-left: 5px;
    }
    .pagination .txt-prev{
        margin-right: 0px;
        margin-top: 0px !important;
        padding-left: 0px;
    }
    .contact-num {
        padding: 10px 10px;
    }
	ul.steps li {
        margin-left: 2.7em;
    }
    ul.steps li::before {
        left: -5em;
        width: 5em;
    }
	.main-header .main-box .logo-box .logo img{
		max-width:30% !important;	
	}
	
	.room-box .inner-box .lower-content .price{
		text-align: center;
	}
	
	.room-box .inner-box .lower-content .price .theme-btn{
		float: none;
		margin-top: 10px;
	}
    .pagi-nxt{
        padding: 10px 15px !important;
    }
    #donutchart{
        width: 450px !important;
        margin-left: -150px !important;
    }
    #donutchart svg:not(:root){
        padding-left: 80px;
    }
    .post-page {
        padding: 0px 10px !important;
    }
    .ever-panel{
        width: 90% !important;
    }
    .verify-text input{
        width: 25px !important;
        margin: 0px 5px !important;
        font-size: 14px !important;
    }
}
@media only screen and (max-width: 486px) {
    .hidden-notif{
        margin-top: -45px !important;
    }
}
@media only screen and (max-width: 486px) {
    .pwc-animation {
        margin-top: -80px !important;
    }
    .client-animation {
        margin-top: -110px !important;
    }
    .pwc-header h2 {
        font-size: 18px !important;
    }
    .client-animation #lottie{
        width: 100px !important;
    }
    .pwc-animation #lottie{
        width: 100px !important;
    }
    .pwc-header p{
        font-size: 12px !important;
    }
    .multiple__step table.progress__bar td {
        width: 88% !important;
    }
    #donutchart {
        margin-left: -120px !important;
    }
    .overlay-msg {
        width: 20% !important;
    }
    .icon-img {
        padding-left: 15px !important;
    }
    .column-90{
        width: 80%;
    }
    .input-msg {
        margin-left: 50px;
        margin-right: 20px;
        }
    .chart__padding {
        padding: 25px 80px !important;
    }
    .resp-4{
        padding-right: 5px !important;
    }
    .resp-12{
        margin-left: 0px !important;
        width: 100% !important;
        padding-left: 15px !important;
        margin-top: 10px !important;
    }
    .ulnav-right li a.black-link{
        font-size: 13px !important;
        padding: 0px 0px 0px 5px !important;
    }
    .ulnav-right li a.white-link{
        font-size: 11.5px !important;
        padding: 0px !important;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
    }
    
}
@media only screen and (max-width: 454px) {
    .resp-12 { padding-left: 15px !important;
    }
    .timeline-prof::after {
        bottom: 192px !important;
    }
}
@media only screen and (max-width: 450px) {
    #loadingAddMoney {
        height: 66% !important;
    }
    .grid-container-avail {
        grid-template-columns: 70% 30% !important;
    }
    .pwc-animation #lottie {
        width: 80px !important;
    }
    .pwc-animation {
        margin-top: -60px !important;
    }
    .pwc-header {
        padding: 20px 20px 15px 25px !important;
    }
    .client-page-body {
        padding: 20px 25px 100px 25px !important;
    }
    .pwc-body {
        padding: 20px 25px 100px 25px !important;
    }
}
@media only screen and (max-width: 444px) {
    .morning-time .container-radio{
        padding-left: 30px !important;
    }
    .column-slct-2 {
        width: 100% !important;
    }
    .column-slct-3 {
        width: 100% !important;
    }
    .dash-center{
        display: none !important;
    }
    .tbl-start-time {
        margin-top: -11px !important;
        margin-bottom: 20px !important;
    }
    .column-slct-1 {
        margin-top: -30px; 
        width: 54px;
    }
    .tbl-start-time select{
        width: 55px !important;
    }
}
@media only screen and (max-width: 435px) {
    .timeline-why::after {
        bottom: 107px !important;
    }
}
@media only screen and (max-width: 434px) {
    .btn-filled-region{
        float: none !important;
        width: 100% !important;
        margin-left: 0px !important;
        margin-bottom: 15px;
    }
    .btn-filled-save {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .box-footer{
        margin-bottom: 0px !important;
    }
    .history-section .total__text {
        margin-top: 33px !important;
    }
}
@media only screen and (max-width: 432px) {
    .timeline-prof::after {
        bottom: 215px !important;
    }
}
@media only screen and (max-width: 422px) {
    #loadingAddMoney {
        height: 64% !important;
    }
}
@media only screen and (max-width: 416px) {
    .timeline-prof::after {
        bottom: 216px !important;
    }
    .modal-content-exp.modal-am-exp,
    .modal-content-editexp.modal-am-editexp,
    .modal-content-educ.modal-am-educ,
    .modal-content-editeduc.modal-am-editeduc{
        height: 82vh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    .prof-btn-right {
        padding-bottom: 30px !important;
        text-align: center;
        margin: auto;
        float: none !important;
    }
    .modal-content-delete-skill .content-modal{
        padding: 70px 35px 0px 35px !important;
    }
    .modal-content-attachment .content-modal,
    .modal-content-client-attach .content-modal {
        padding: 70px 35px 0px 35px !important;
    }
}
@media only screen and (max-width: 477px){
    .appointment-calendar .days li.w-14 {
        width: 13.5% !important;
    }
    .modal-scan .column-next-2, .modal-scan .column-next-3{
        width: 100% !important;
        padding: 0px !important;
    }
    .modal-scan{
        margin-top: 50px !important;
        height: 74vh !important;
        overflow-y: auto;
    }
}
@media only screen and (max-width: 466px){
    .appointment__calendar .days li {
        width: 13.1% !important;
    }
    .appointment__calendar .weekdays li {
        width: 13.1% !important;
    }
}
@media only screen and (max-width: 464px){
    .appointment-calendar .weekdays li, .appointment-calendar .days li{
        width: 13.5% !important;
    }
}
@media only screen and (max-width: 454px){
    .resp-4{
        width: 25% !important;
    }
    .resp-8{
        width: 75% !important;
    }
    .resp-12{
        width: 100% !important;
        margin-top: 20px;
    }
}
@media only screen and (max-width: 414px){
    .appointment-calendar .weekdays li, .appointment-calendar .days li {
        width: 13.4% !important;
    }
    .width-90 {
        width: 85% !important;
    }
    .home-content {
        margin-top: 120px !important;
    }
    .home-content .h1-book {
        font-size: 30px !important;
        margin-bottom: 50px !important;
    }
}
@media only screen and (max-width: 410px){
    .appointment-calendar .weekdays li, .appointment-calendar .days li{
        width: 13.4% !important;
    }
    .tabs-appointment button{
        padding: 9px 10px !important;
        width: 80px !important;
    }
    .dash-table-title{
        font-size: 15px !important;
    }
}
@media only screen and (max-width: 408px) {
    .pwc-header p {
        margin-right: 75px !important;
    }
    .client-animation #lottie {
        width: 80px !important;
    }
    .client-animation {
        margin-top: -115px !important;
    }
    .pwc-animation #lottie {
        width: 70px !important;
    }
    .pwc-animation {
        margin-top: -80px !important;
    }
    .multiple__step.frlncr-step table.progress__bar td {
        width: 43% !important;
    }
}
@media only screen and (max-width: 402px) {
    .client-animation {
        margin-top: -135px !important;
    }
    .timeline-prof::after {
        bottom: 220px !important;
    }
}
@media only screen and (max-width: 478px){
    .appointment-calendar .weekdays li, .appointment-calendar .days li {
        width: 13.3% !important;
    }
}
@media only screen and (max-width: 399px){
    .frl-avail a, .avail-calendar span, .avail-time span{
        font-size: 12px !important;
        line-height: 1.3em;
    }
    .col-prof-top-3, .col-prof-top-4 {
        height: auto !important;
    }
    .btn-back-arrow {
        width: 5px !important;
    }
    .row-prof-top-details .col-prof-top-1, 
    .row-prof-top-details .col-prof-top-2, 
    .row-prof-top-details .col-prof-top-3{
        width: 100% !important;
    } 
    .row-prof-top-details .col-prof-top-4, 
    .row-prof-top-details .col-prof-top-5{
        width: 50% !important;
    }
    .col-review-1{
        width: 100% !important;
    }
    .col-review-2{
        width: 100% !important;
    } 
    .rev-img img {
        width: 130px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    .btn-post{
        float: none !important;
    }
    .btn-post button{
        width: 100% !important;
    }
    .login-panel{
        padding: 25px 20px 20px 20px !important;
    }
    .fc-timeGridWeek-view .fc-scrollgrid-sync-inner {
/*        padding: 0px !important;*/
        margin-left: -7px !important;
    }
    .grid-container-head {
        margin: 0px !important;
    }
    .ml-4 {
        margin-left: 0px !important;
        margin-right: 5px !important;
    }
    .app-history {
        margin-right: -10px !important;
        margin-left: 0px !important;
    }
    .grid-container-dash {
        margin: 0px -10px -10px 0px !important;
    }
    .width-80 {
        width: 75% !important;
    }
    .appointment__calendar .days li {
        width: 13% !important;
    }
    .appointment__calendar .weekdays li {
        width: 13% !important;
    }
    .filter-tbl span{
        font-size: 11px !important;
    }
    .filter-tbl select{
        font-size: 11px !important;
    }
    .modal-schedule {
        padding: 15px !important;
    }
    div.main {
        padding: 25px 25px 100px 25px !important;
    }
    .grid-container-time {
        margin-left: 13px !important;
        margin-right: -5px !important;
    }
    .grid-item-dash {
        margin: 0px 5px 20px 10px !important;
    }
    .grid-container-remin{
        margin: 15px -15px 0px 0px !important;
    }
    .grid-container-next{
        margin: 20px -15px 20px 0px !important;
    }
    .grid-container-appoint {
        margin-left: 0px !important;
        margin-right: -15px !important;
    }
}
@media only screen and (max-width: 395px) {
    .notif {
        width: 19px !important;
    }
    .history-section .total__text {
        margin-top: 20px !important;
    }
    .morning-time .container-radio {
        padding-left: 24px !important;
    }
    .main-header .main-box{
        padding-left: 15px !important;
    }
}
@media only screen and (max-width: 375px) {
    .home-content .h1-book {
        font-size: 25px !important;
        margin-bottom: 20px !important;
    }
    .home-content {
        margin-top: 90px !important;
    }
}
@media only screen and (max-width: 370px) {
    .pagi-nxt{
        margin-left: 10px;
    }
    .history-section .total__text {
        margin-top: 15px !important;
        line-height: 15px !important;
    }
}
@media only screen and (max-width: 372px){
    .appointment__calendar .days li {
        width: 12.8% !important;
    }
    .appointment__calendar .weekdays li {
        width: 12.8% !important;
    }
}

@media only screen and (max-width: 367px){
    .appointment-calendar .weekdays li, .appointment-calendar .days li{
        width: 13.3% !important;
    }
}
@media only screen and (max-width: 366px) {
    .timeline-prof::after {
        bottom: 220px !important;
    }
}
@media only screen and (max-width: 350px) {
    .history-section .total__text {
        margin-top: 0px !important;
    }
}
@media only screen and (max-width: 335px){
    .appointment-calendar .weekdays li, .appointment-calendar .days li{
        width: 13.2% !important;
    }
}
@media only screen and (max-width: 321px) {
    .tabs-stage {
        padding: 10px !important;
    }
    .history-section .total__text {
        margin-top: -5px !important;
        line-height: 11px !important;
        font-size: 10px !important;
    }
    .home-content .h1-book {
        font-size: 20px !important;
    }
    .home-trusted {
        position: relative !important;
    }
}
@media only screen and (max-width: 308px){
    .appointment-calendar .weekdays li, .appointment-calendar .days li{
        width: 13% !important;
    }
}