@media (min-width: 768px) and (max-width: 991px) {
	
.modal-lg.modal-dialog-centered {
    max-width: 756px;}

}








@media (max-width: 767px) {
	
	
	
	
/*-----24-2-23-------*/	


.video-thumb:before {
    background: transparent linear-gradient(0deg, #000000 0%, #030303ad 20%, #54545400 100%) 0% 0% no-repeat padding-box;
}


.vid-h {
    height: 250px;}


.title-content h4 {
    font-size: 26px;
    font-weight: 400;
}





.title-content {
    position: absolute;
    bottom: 0;
    padding: 20px;
    height: 90%;
}
	
	
.title-content .continue-link {
    display: none;
}	
	
	
.title-content p {
    padding-top: 10px;
}


.vid-h {
    width: 100%;
    height: 260px;
    overflow: hidden;
    border-radius: 12px;
}

	
/*---------*/		
	
	
	
	
	
	
	
	
	
/*-----6-2-23-----*/

.confirmation-page .white-box {
    margin-bottom: 15px;
    padding-bottom: 25px;
}


.confirmation-page .white-box h1 {
    font-size: 26px;}
	
.confirmation-page .white-box p {
    padding: 15px 0px 20px 0px;
    font-size: 14px;
}

.confirmation-page .col-md-6.order-2 {
    padding-top: 20px;

}

img.mx-80 {
    max-width: 80%;
}

	

/*-----10-1-23-----*/

.custom-select-input select {
    margin: 10px;
    order: 2;
    position: fixed;
    left: 0;
    right: 0;
    width: auto;
    top: 53px;
}
	
.booking-header.mob-header-space {
    padding-bottom: 64px;
}	
	
.custom-select-input a.save-letter {
    top: 0px !important;
}

.custom-select-input label {
    width: 71px;
    display: none;
}


	
/*-----Mobile-Collapse-Css-----*/

.mob-collapse:after {
    font-family: 'Material Icons';
    content: "expand_more";
    -webkit-font-feature-settings: 'liga';
    position: absolute;
    right: 10px;
    font-size: 30px;
    top: 3px;}
	
	
.mob-collapse[aria-expanded="true"]:after {
    font-family: 'Material Icons';
    content: "expand_less";
    -webkit-font-feature-settings: 'liga';
    color: #3674e0;}
	
.mob-collapse {
    position: relative;
    border-bottom: 1px solid #cccccc;
	padding-top:15px;}	
	
.mob-collapse[aria-expanded="true"]{
	border-bottom:none;}	
	
.mob-collapse a.link-text.mt-0 {
    margin-right: 30px;}
	
.mob-collapse label.switch {
    margin-right: 35px;}

	
/*----------*/	
	
	
	
.info-section.border-bottom-line.pb-md-4 {
    border-bottom: 0px;
}

	
.btm_fixed_btn a.back_btn_set {
    padding: 12px 30px;
}

.btm_fixed_btn.filter-mob-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sort_and_filter_mob .btm_fixed_btn a.save_btn_set,
.sort_and_filter_mob .btm_fixed_btn a.back_btn_set {
    min-width: 160px;
	font-size: 15px;
}	
	
	
	
a.link-action.fts-edit {
    right: 0px;
}	

	
.if-text-long .modal-title,
.modal.left .if-text-long  .modal-title{
    font-size: 14px;}	
	
.if-text-long .mark-task {
    top: 9px;}	
	

.if-text-long button.close,
.modal.left .if-text-long  button.close	{
    top: 30px;}
	
	
	
span.top-status {
    position: relative;
    top: -23px;}

td.pl-left-4 {
    padding-left: 4px;}
	

.fts-14-mob,
a.fts-14-mob,
.fts-16.fts-14-mob,
a.fts-16.fts-14-mob {
    font-size: 14px;
}
	
	
a.link-action.loghours {
    width: 100%;
    display: block;
    font-size: 12px;
    height: auto;
}

a.link-action.loghours i {
    vertical-align: middle;
    font-size: 18px;
}
	
	
.comment-sec {
    padding: 15px 15px;
}	
	
.modal-content .booking-footer.chat-footer {
    bottom: 0px;
    background: #f4f4f4;
}

.modal-content .booking-footer.chat-footer .comment-white a.save_btn_set {
    font-size: 12px !important;
    min-width: 100px !important;
    padding: 10px 20px !important;
}



.modal.left .modal-content .modal-body.pb-none-mob {
    padding-bottom: 0px !important;
}
	
.modal-title.left-text {
    padding-right: 40px;
}	
	
	
	
.th-border-none-mob thead th{
	border-top:none;}	
	
.th-border-none-mob tbody tr:last-child td{
	border-bottom:none;}	
	
.th-border-none-mob	{
	margin:0px;}
	
.fliter_sort_btn {
    bottom: 64px;
}	
	
	
.pt-none{
	padding-top:0px;}	

	
.main-tab-top.if-two-tab ul li {
    width: 48%;
}
	

.width-time-box {
    width: 100%;
}

.noti-setting span.right-s {
    float: none;
    padding-top: 5px;
}

.noti-setting .notification-box {
    align-items: center;
}


.info-section  a.outline-btn.btn-md-outline {
    margin: 0;
}


.info-section div#accordion,
.inner-box-space {
    padding: 10px;
}


.info-section div#accordion .card:last-child{
	margin-bottom:0px;}
	
.info-section div#accordion .card {
    margin-bottom: 7px;
}	
	

.inner-btn-footer {
    margin: 0px -15px;
    padding: 15px 20px 15px 15px;
    border: none;
    background: white;
    border-bottom: 1px solid #00000033;
}



.if-col-50 .col-9,
.if-col-50 .col-3{
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;}	




.modal-section.bg-gray .outline-tab {
    padding: 0 15px;
    margin: 0px 0px;
    overflow: auto;
    flex-flow: nowrap;
}

.info-text {
    padding: 15px 0px;
}


.modal-section.bg-gray {
    padding-bottom: 0;
}

.modal-section.bg-gray .outline-tab .nav-link {
    padding-top: 10px;
    white-space: nowrap;
}

.inner-list-table {
    padding: 10px 15px;
}



.modal.left .modal-body.spacing_m.spacing_lr_none {
    padding-left:0px !important;
	padding-right:0px !important;
	padding-top:0px !important;
}


  .notification-box {
    align-items: flex-start;
  }

  .notification-sec:last-child {
    border-bottom: none;
  }

  .notification-sec {
    padding: 15px 15px;
    margin: 0px;
  }


  .notification-sec h6.fts-14 {
    padding-bottom: 10px;
  }

  .info-section a.link-text {
    margin-top: 10px;
  }

  .modal-section.space-l-r {
    margin: 0px -15px;
  }

  .modal-section.space-l-r .notes-box {
    border-radius: 0px;
    margin: 0;
  }


  .modal-section.space-l-r h6.fts-18 {
    padding: 0px 15px;
  }


  a.remove {
    font-size: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 40px;
    height: 40px;
    border: 1px solid #ff0000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
  }


  .section-white-table .table tbody tr td .add-row-btn a.outline-btn {
    display: inline-block;
  }

  .section-white-table .table tbody tr td .add-row-btn {
    text-align: left;
    padding: 0px;
    margin: 0;
  }

  .header-main a.link-icon.if-two-link {
    top: 0px;
  }

  .if-header-under-tab a.save-letter {
    top: -3px;
  }

  .info-section .icon-right.if-no-lable {
    margin-bottom: 6px;
    margin-top: 15px;
}


  .chat .chat-history .message-data-time {
    font-size: 11px;
    width: 48px;
  }

  .detail-box small {
    margin: 0;
  }

  button.accordion-btn {
    padding: 15px 15px;
  }


  .card-box-inner {
    padding: 15px;
  }

  .pt-mob-none {
    padding-top: 0px !important;
  }


  a.link-text {
    font-size: 13px;
  }


  .accordion-sec {
    margin: 0px -15px;
  }

  .detail-box h6.m-b-0 {
    line-height: 21px;
    font-size: 14px;
  }


  a.outline-btn.mob-sm-btn,
  a.mob-sm-btn {
    min-width: auto;
    margin-right: 8px;
    font-size: 0px;
    min-width: auto;
    padding: 6px;
  }


  a.outline-btn.mob-sm-btn i,
  a.mob-sm-btn i {
    position: unset;
    margin: 0;
    float: none;
  }


  .min-h-51.mob-fix-btns {
    margin-bottom: 60px;
  }


  .icon-box {
    width: 45px;
    height: 45px;
    margin-top: 5px;
  }

  .icon-box i {
    font-size: 24px;
  }


  .filter_option.outline_filter .filter_hv {
    max-height: 400px;
    overflow-x: hidden;
  }

  .filter_option.outline_filter .dropdown-menu {
    padding-bottom: 0;
  }

  .filter_option.outline_filter .filter-footer {
    position: sticky;
    bottom: -15px;
  }

  .section-white-table .task-listing tbody td.inline-b.pb-none {
    padding-bottom: 4px !important;
  }

  .crm-table td.pb-10 {
    padding-bottom: 12px !important;
  }

  td.pb-10.mt-6 {
    margin-top: 3px;
  }


  .booking-footer.chat-footer textarea.form-control {
    height: 70px;
    padding-bottom: 50px;
  }


  .booking-footer.chat-footer textarea.form-control:focus {
    height: 90px;
  }


  .booking-footer.chat-footer {
    left: 0;
    bottom: 60px;
    background: none;
  }

  .chat-app .people-list {
    border-right: none;
    background: none;
    width: auto;
  }


  .chat-app .people-list .fill-btn {
    left: auto;
    right: 15px;
    bottom: 75px;
    position: absolute;
    left: auto;
    right: 15px;
    margin-bottom: 14px;
  }


  .hidden-sm a.save-letter {
    top: 0px;
  
  }


  a.save-letter.mob-fix-btns.mob-left-side {
    left: 17px;
    right: auto;
    bottom: 65px;
  }

  .chat .chat-header .chat-about h6 {
    font-size: 15px;
    line-height: 22px;
  }

  ul.list-unstyled.chat-list {
    margin: 0px 0px;
  }


  .chat-app .people-list.open {
    left: 0
  }

  .chat-app .chat {
    margin: 0;
    margin: 0px -15px;
    max-height: none;
    height: auto;
  }


  .sm-dropdown .filter_hv {

    padding: 0px;
  }

  .notification-dropdown .filter_hv {
    min-width: 310px;
  }


  .chat-app .chat-history {
    min-height: auto;
    max-height: none;
    height: calc(100vh - 365px);
  }


  .mob-tabs.if-header-under-tab {
    position: sticky;
    top: 46px;
    z-index: 1;
  }

  a.link-text.fts-mob {
    font-size: small;
  }

  span.shorting-list {
    bottom: 5px;
    right: -2px;
  }


  .manage-data-col {
    margin-left: 4px;
  }

  p.date-fts.fts-13 {
    text-align: center;
    margin-top: 14px;
  }


  .manage-data-col .dropdown-menu {
    transform: translate3d(-165px, 20px, 0px) !important;
  }

  .manage-data-col .filter_hv {
    min-width: 290px;
    max-height: 290px;
  }


  .ratio-box {
    align-items: unset;
    padding-top: 15px;
  }

  .content-box {
    padding-left: 10px;
  }


  .mob-space-none .bg-white-m .outline-tab li {
    padding-top: 15px;
  }

  .mob-space-none .bg-white-m .outline-tab {
    margin: 0px 0px;
  }

  .report-box {
    margin-top: -21px;
  }

  .max-h-box {
    min-height: auto;
    overflow-x: auto;

  }


  .booking-nav-header .mob-fix-btns.if-one-tab-bottom {
    bottom: 75px;
  }


  .space-top-sm .section-white-table.mob-space-none {
    margin-bottom: 0;
  }

  .without-outline .filter-footer {
    bottom: -15px;
  }


  .fliter_sort_btn.if-footer-not {
    bottom: 0;
  }

  #content.if-bottom-tabs-hide {
    padding-bottom: 75px;
  }


  .sm-shadow-none {
    box-shadow: none;
  }

  .chart-img {
    height: 300px;
  }


  .upload-btn-outline.upload-cl-btn {
    width: 94%;
    display: block;
    margin: 15px auto;
  }


  .info-section div#accordion .name-detail {
    margin-left: 5px;
  }

  .info-section div#accordion .card-header .btn-link {
    padding: 12px 10px;
  }


  .document-table thead {
    display: none;
  }


  .lable-box {
    margin-bottom: 11px;
  }


  .if-name-icon a.name-detail img {
    margin-left: -40px;
    margin-right: 7px;
  }


  .notes-box.if-bg-no,
  .notes-box.if-name-icon.if-bg-no,
  .notes-box.if-name-icon.if-bg-cl {
    padding-left: 50px;
  }


  .icon-left .form-control {
    font-size: 11px;
  }


  .modal-section .table tbody tr td.fts-16 {
    padding-left: 10px !important;
  }

  .modal-section .table tbody tr td.update-date {
    padding-right: 10px;
  }

  .btm_fixed_btn a.save_btn_set {
    padding: 12px 30px;
    font-size: 15px;
  }


  p.date-fts {
    letter-spacing: -.5px;
  }


  .modal-section h6.fts-18 {
    font-size: 16px;
  }

  .modal-section .md-white-box {
    margin-bottom: 7px;
  }

  td.text-center.update-date {
    text-align: right !important;
  }


  .modal-section .bg-white-m.section-white {
    padding-bottom: 0px;
    margin-bottom: 5px;
  }


  .position-unset .add__row_p i.vertical-middle {
    position: absolute;
    left: 30px;
    top: auto;
  }

  .modal-dialog .modal-header,
  .modal-dialog .modal-content,
  .modal-dialog .modal-content .btm_fixed_btn {
    border-radius: 0px;
  }


  .btm_fixed_btn {

    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70px;
  }

  .modal-body.spacing_m {
    padding-bottom: 90px !important;
  }


  .info-section .bg-white-m .add-row-btn {
    margin-bottom: 0px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 15px;
  }


  .update-date a.gray-link {
    margin-top: 20px;
    color: #3674E0;
  }

  .update-date a.link-action {
    margin-top: 10px;
  }

  .info-table.if-action tbody tr td:nth-child(4) {
    padding-bottom: 12px;
  }

  .info-table.document-table tbody tr td:nth-child(2) {
    padding-bottom: 12px;
  }


  .table tbody tr td.fts-16 {
    white-space: break-spaces;
    width: 75%;
  }


  button.outline-btn-info.mob-fix-btns,
  a.outline-btn-info.mob-fix-btns,
  .floating-button span.float-btn,
  .info-section .upload-btn-outline.gray-btn.mob-btn,
  a.save-letter.mob-fix-btns.bottom-side,
  .mob-fix-btns.bottom-side {
    bottom: 20px;
  }

  .info-section a.outline-btn {

    margin: 0px 15px;
  }

  p.date-fts.text-blue {
    text-align: left;
  }


  .mob-fix-btns i,
  .floating-button button.outline-btn-info i {
    margin: 0px;
  }

  .white-box.mob-view-white {
    background: none;
    border-radius: 0px;
    margin: 0px -15px;
    border: none;
    padding-bottom: 0;
    box-shadow: none;
  }


  .mob-tabs {
    margin: -15px -15px 0px -15px;
    overflow: auto;
    padding: 0px 0px 0px 15px;
    display: flex;
  }


  .mob-tabs ul li a,
  .mob-tabs ul li  {
    text-align: center;
    white-space: nowrap;

  }


  .mob-tabs ul {
    padding-right: 15px;
    display: contents;
  }

  .table-hover.small-table tbody tr:first-child>td {
    padding-top: 12px;
  }


  ul.user-option li {
    display: inline-block;
  }


  ul.user-option li a {
    font-size: 0;
    color: #3674E0;
  }

  ul.user-option li a span {
    background: #EEF3FD;
    margin: 0;
  }

  ul.user-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }


  table.table.crm-table {
    margin-bottom: 5px;
  }


  .crm-table td.inline-b.wid-75 {
    width: 65%;
  }

  .crm-table td.inline-b.wid-25 {
    width: 35%;
  }
  
   .crm-table td.inline-b.wid-50 {
    width:50%;
  }
  
   .crm-table td.inline-b.wid-60 {
    width:60%;
  }
  
  .crm-table td.inline-b.wid-40 {
    width:40%;
  }
  
   .crm-table td.inline-b.wid-30 {
    width:30%;
  }
  
   .crm-table td.inline-b.wid-70 {
    width:70%;
  }

  


  .crm-table tbody tr {
    position: relative;
  }


  td.update-date {
    position: absolute;
    right: 0;
    top: 0;
  }


  .crm-table td.inline-b {
    display: inline-block;
    width: 34%;
    padding-top: 0 !important;
  }

  a.fts-16,
  .fts-16 {
    font-size: 16px;
    font-weight: 500;
  }

  .crm-table td {
    display: block;
    border: none;
    padding-bottom: 4px !important;
    line-height: normal;
    font-weight: 400;
  }

  .section-white-table .crm-table tbody tr td:nth-child(7) {
    padding-bottom: 12px !important;
  }


  .crm-table thead {
    display: none;
  }

  .header-main.crm-nav-header a.link-icon {
    top: 0;
    background: none;
    color: #3674E0;
  }


  .crm-nav-header button#sidebarCollapse {
    display: none;
  }


  .main-tab-top ul li a {
    text-transform: capitalize;
  }

  #content.if-bottom-tabs {
    padding-bottom: 139px;
  }

  .d-mob-none,
  .link-icon.d-mob-none,
  .crm-table td.d-mob-none,
  .header-main.crm-nav-header.d-mob-none,
  ul.user-option.d-mob-none,
  a.mt-2.d-inline-block.d-mob-none {
    display: none !important;
  }


  #content.if-top-header-none {
    padding-top: 0;
  }


  .info-section .floating-button button.outline-btn-info.gray-outline {
    bottom: 145px;
    right: 25px;
    border-color: #505050;
    color: #ffffff;
    background-color: #505050;
  }


  .info-section .floating-button button.outline-btn-info {
    width: 45px;
    height: 45px;
    right: 25px;
    display: none;
    bottom: 90px;


  }


  .floating-button span.float-btn:hover~button {

    display: flex;
  }


  a.save-letter.mob-fix-btns,
  a.mob-fix-btns,
  button.mob-fix-btns,
  span.float-btn,
  .floating-button button.outline-btn-info,
  .info-section .upload-btn-outline.mob-btn {
    margin-top: 8px;
    font-size: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    padding: 0;
    box-shadow: -0.71px 0.71px 16px #00000047;
    margin-right: 0;
    margin-left: auto;
    position: fixed;
    z-index: 2;
    right: 17px;
    bottom: 125px;
    top: auto;
    background: #3674E0;
    color: #ffffff;
    border: none;
  }


  a.save-letter.mob-fix-btns span,
  .info-section .upload-btn-outline.mob-btn i {
    color: #ffffff;
  }

  dl.com-name dt,
  dl.com-address dt {
    display: none;
  }

  dl.com-address,
  dl.com-name,
  .list-block.txt-left dl,
  dl.full-block {
    display: block;
  }


  dl.com-address dd,
  dl.com-name dd,
  .list-block.txt-left dd,
  dl.full-block dd {
    text-align: left;
  }


  .list-block dl.com-name {
    border-bottom: none;
    padding-bottom: 0;
  }

  .list-block dl.com-address {
    padding-top: 0px;
  }


  .list-block dd {

    text-align: right;
  }


.crm-tab-top ul {
    background: none;
    padding: 0px;
    width: 100%;
    border-top: none;
    display: flex;
    overflow: auto;
    justify-content: center;
}



  .crm-tab-top {
    margin-top: auto;
    padding: 0;
    position: fixed;
    bottom: 0;
    z-index: 3;
    background: #ffffff;
    width: 100%;
    text-align: center;
    border: none;
    border-top: 1px solid #D0D0D0;
  }


 .crm-tab-top ul li {
    display: inline-block;
    margin-right: 0px;
    padding: 0;
    width: 24%;
    min-width: 24%;
}


  .main-tab-top ul li a {
    font-size: 12px;
    padding: 10px 0px;
  }


  .btn-filter {
    display: block;

  }

  .btn-filter>.btn {
    margin: 4px 5px;
    border-radius: 16px !important;
    min-width: 30.99%;
    padding: 5px 10px;
  }

  .task-listing .text-center.inline-b.wid-75 {
    text-align: right !important;
  }

  .btn-filter>.btn:last-child {
    margin-right: 0px;
  }

  td.mb-none {
    display: none;
  }

  span.mb-work {
    color: #000000;
    font-weight: 500;
  }

  .section-white-table .task-listing tbody tr td:nth-child(5) {
    padding-bottom: 12px !important;
    padding-top: 0px;
  }


  .section-white-table .task-listing tbody tr td:nth-child(1),
  .section-white-table .task-listing tbody tr td:nth-child(2) {
    padding-top: 12px !important;
    padding-bottom: 0px !important;
  }

  .section-white .task-listing tbody tr td:nth-child(1),
  .section-white .task-listing tbody tr td:nth-child(2) {
    padding-top: 12px !important;
  }


  .section-white-table .task-listing tbody tr td:nth-child(2),
  .section-white .task-listing tbody tr td:nth-child(2) {
    padding-left: 3px !important;
  }


  .modal-section a.outline-btn.min-width-130 {
    margin-top: 10px;
  }


  .modal-section .section-white .table.task-listing thead th:first-child,
  .modal-section .section-white .table.task-listing tbody td:first-child {
    padding-left: 15px;
  }


  .section-white-table .task-listing .form-control.edit-input {
    width: 100%;
    border: none;
    padding: 0;
    outline: none;
    box-shadow: none;
    height: auto;
    background: none;
  }

  .section-white-table .task-listing td.inline-b.wid-25,
  .section-white-table .task-listing tbody tr td:nth-child(5) {
    padding-left: 40px;
  }

  td.inline-b.pl-40 {
    padding-left: 44px !important;
  }


  .section-white-table .task-listing tbody tr td:nth-child(1),
  .section-white .task-listing tbody tr td:nth-child(1) {
    padding-right: 0px;
  }

  .crm-table td.inline-b.wid-10 {
    width: 10%;
  }

  .crm-table td.inline-b.wid-90 {
    width: 90%;
  }


  .section-white-table.mob-space-none {
    margin-left: -15px;
    margin-right: -15px;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    background: none;
    box-shadow: none;
    padding: 15px;
    border-bottom: none;
    border-top: none;
    margin-top: 0;
  }

  .section-white-table.mob-space-none .bg-white-m {
    border: none;
    padding: 0px 0px;
    padding-bottom: 0;
    margin-left: -15px;
    margin-right: -15px;
  }

  .section-white-table.mob-space-none td.inline-b {
    padding-bottom: 11px;
  }


  .white-box button.back_to_page {
    font-size: 0;
    padding: 0;
    border: none;
    margin-bottom: 0px;
    background: none;
    color: #3674E0;
  }


  .white-box button.back_to_page i {
    float: none;
  }


  .white-box {
    padding: 15px;
  }

  .white-box.space-mob-none {
    border: none;
    margin: 0px -15px;
    border-radius: 0px;
  }

  .info-section {
    padding-top: 0px;
  }


  .info-section h6.fts-18 {
    padding-bottom: 6px;
  }

  .list-block dl:last-child {
    border: none;
  }


  .info-section .bg-white-m {
    padding: 0;
  }

  .small-table thead th,
  .small-table tbody td {
    padding: 6px 15px;
  }


  .list-block dl {
    padding: 8px 15px;
  }

  .info-table thead {
    display: none;
  }


  .info-table tbody tr td:last-child {
    padding-bottom: 10px;
  }

  .info-table tbody tr td:first-child {
    padding-top: 10px;
  }


  .info-table tbody tr td {
    display: block;
    border: none;
    text-align: left !important;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .info-table tbody tr:first-child {
    border-top: none;
  }


  .info-table tbody tr {
    border-top: 1px solid #cccccc;
    position: relative;
  }

  .upload-btn-outline.mob-btn {
    font-size: 0;
    display: inline-block;
    width: auto;
    text-align: center;
  }


  .upload-btn-outline.mob-btn a.add__row_p {
    font-size: 0;
    min-width: auto;
    padding-right: 3px;
    padding-left: 3px;
  }

  .mob-btn a.add__row_p i {
    margin-right: 0;
  }


  .crm-table tbody tr {
    border-top: 1px solid #dee2e6;
    padding-bottom: 10px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 13px;
  }

  .crm-table tbody tr:first-child {
    border-top: none;
  }

  .box-shadow-bottom {
    box-shadow: 0px 1px 5px #00000024;
    -webkit-box-shadow: 0px 1px 5px #00000024;
    -moz-box-shadow: 0px 1px 5px #00000024;
  }


  .bg-white-m .notes-box {
    margin: 0;
    border-bottom: 1px solid #cccccc;
    border-radius: 0px;
    background: #ffffff;

  }

  .notes-box.if-name-icon {
    padding: 15px 15px 15px 30px;
  }


  .bg-white-m .notes-box:last-child {
    border-bottom: none;
  }


  .card-box {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    box-shadow: 0px 0 10px rgb(0 0 0 / 14%);
  }

  .mob-fix-no {
    position: unset;
    box-shadow: none;
  }


  .card-box.mob-fix-no .card.card-body {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;

  }


  .card-box .card.card-body {
    border: none;
    border-radius: 0;
    border-top: 1px solid #eae6e6;
  }


  .modal-md .bg-gray label {
    color: #858585;
  }

  .modal .modal-content {

    border: none;
  }


  .modal-body.spacing_m.if-no-footer {
    padding-bottom: 25px !important;


  }


  .documents-step {
    border-radius: 0px;
    margin: 0px -15px;
    background: #f4f4f4;
  }

  .upload-btn-outline.w-full {
    width: 100%;
  }

  span.open-nav {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    z-index: 1;
    color: #3674e0;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0px -1px 9px #0000001a;
  }


  span.open-nav i {
    font-size: 30px;
    margin-right: 7px;
  }

  .booking-footer.chat-footer .end-btn {
    position: absolute;
    right: 16px;
    bottom: 25px;
  }


  .booking-footer.chat-footer .end-btn a.save_btn_set {
    border-radius: 8px 0px 0px 0px;
  }


  .chat-search {
    padding: 10px 15px 12px 15px;
  }

  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: #F4F4F4;
    overflow-x: auto;
    transition: 0.5s;
    padding-top: 61px;
    margin-top: 94px;
    height: calc(100vh - 26px);
  }


  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 20px;
    line-height: normal;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #ffffff;
    background: #3674e0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    text-align: right;
  }


}


@media (min-width: 768px) {
	
/*-----24-2-23-------*/	
	
.video-thumb:hover .title-content  p{
	padding-top: 15px;}

	
.title-content {
    position: absolute;
    bottom: 0;
    padding: 25px;
	z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    height: 34%;
    border-radius: 48% 96% 7% 7%;
	
	
	
}

/*-----1-3-23-------*/	

.video-thumb:hover .title-content {
    height: 63%;
    background: #4475d9;
    padding-top: 60px;
}

}
	
/*---------*/			
	
	
	
	
	
	
	
	
/*-----6-2-23-----*/

.confirmation-page .white-box {
    padding: 60px;
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.confirmation-page {
    height: 100vh;
    display: flex;
    align-items: center;
}
	
	
	
/*-----Mobile-Collapse-Css-----*/	
	

.bg-white-m.collapse {
      display: block;
      height: auto !important;
      visibility: visible;}
	  
.bg-white-m.collapsing{
      position: relative;
      height: unset !important;
      overflow: hidden;}	
	
 	
/*---------*/	


.category-box{border-radius:6px;}	
	
	
.communications-page .card-chat{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
	

	
.communications-page .people-list {
    height: calc(100vh - 60px);
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 300px;
    -ms-flex: 0 0 300px;
    flex: 0 0 260px;
    margin-right: 0px;
    width: auto;
    position: sticky;
    top: 60px;
}

.right-sec {
    position: sticky;
    top: 60px;
    padding-right: 13px;
}
	
	
.section-main.communications-page .container-fluid {
    padding-left: 0px !important;
    padding-right: 5px  !important;
}

.section-main.communications-page {
    padding-bottom: 0px;
}	
	
.communications-page .fill-btn	{
	left:190px;}
	
	
.communications-page .chat {
    margin-left: 0px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100% !important;
    min-width: 81%;
	 overflow: unset;
}


span.to-me .dropdown-menu {
    min-width: 450px;
}



	
	
.modal.left .modal-content .modal-body.pb-200 {
    padding-bottom: 160px !important;
}	
	
	
.form-group.task-name {
    margin: 0px -13px;
}	
	

a.link-action.loghours{font-size:0px;}


.if-header-under-tab a.save-letter {
    vertical-align: middle;
}

.modal-lg .modal-body {
    min-height: 577px;
}

.modal-lg .modal-body.h-auto{
	min-height: auto;}


.modal-section.bg-gray {
    padding: 0px 25px;
}

.modal-section.bg-gray .outline-tab li {
    padding-right: 25px;
    padding-top: 15px;
}

  .list-block dd {
    padding-left: 25px;
  }


  .white-box .mob-tabs {
    overflow: auto;
    display: flex;
  }

  .white-box .mob-tabs ul {
    display: contents;
  }


  .white-box .mob-tabs ul li a,
  .white-box .mob-tabs ul li {
    text-align: center;
    white-space: nowrap;
  }


  .modal-section.space-l-r {
    margin: 0px -25px;
  }

  .modal-section.space-l-r .notes-box {
    border-radius: 0px;
    padding-left: 30px;
    margin: 0;
  }


.modal-section.space-l-r h6.fts-18 {
    padding: 0px 25px;
  }


  a.remove i {
    font-size: 0px;
  }


  .border-md-none {
    border: none;
  }

  .sidenav a.closebtn,
  span.open-nav {
    display: none;
  }

  .booking-footer.chat-footer textarea.form-control {
    min-height: 95px;
  }


  .booking-footer.chat-footer textarea.form-control:focus {
    min-height: 216px;
  }


  .mb-work {
    display: none;
  }


  .modal-section.equal-space {
    padding-top: 10px;
  }






  .info-section div#accordion .card-header .btn-link {
    padding: 12px 12px;
  }


.info-section div#accordion {
    border-top: 1px solid #dee2e6;
    padding-top: 15px;
}


  .upload-btn-outline.upload-cl-btn {
    margin: 0px;
  }


  .info-bg {
    background: #f1f1f1;
    padding: 25px 20px 15px 20px;
    margin: -25px -20px 0px -20px;
  }

  .notes-box.if-bg-no:last-child {
    border-bottom: none;
  }


  .notes-box.if-bg-no {
    background: none;
    border-bottom: 1px solid #cccccc;
    border-radius: 0px;
    padding-right: 0;
    padding-left: 50px;
  }


  span.qty-not,
  span.float-btn {
    display: none;
  }


  .crm-tab-top ul li a span {
    display: none;
  }


  .card-box {
    margin-top: 20px;
  }

  .w-md-75 {
    width: 75%;
  }

  .floating-button button.outline-btn-info span {
    display: none;
  }


  .modal-dialog .booking-footer {
    padding: 10px 25px;
  }


  .section-white-table .table th,
  .section-white-table .table td,
  .section-white-box .table th,
  .section-white-box .table td,
  .section-white .table th,
  .section-white .table td {
    padding: 7px 15px 7px 15px;
  }


  .task-listing .form-control.edit-input {
    margin-left: -10px;
    height: 30px;
  }





@media (min-width: 768px) and (max-width: 991px) {
	
.modal-section.bg-gray .outline-tab li {
    padding-right: 16px;
}	

  .chat-app .chat-list {
    height: 650px;
    overflow-x: auto
  }

  .chat-app .chat-history {
    height: 600px;
    overflow-x: auto
  }
  
 .right-sec {
    padding-left: 13px;
} 
  

}


@media (min-width: 768px) and (max-width: 1024px) {
	
	
/*-----24-2-23-------*/	
	
.title-content h4 {
    font-size: 21px;
}

.video-thumb:hover .title-content {
    padding-top: 42px;
}

	
/*---------*/		
	

.communications-page .chat {
    min-width: 64%;
  
}



  .info-section .if-no-lable {
    margin-bottom: 0px;
  }

  .rounded-btn button.btn {
    min-width: 120px;
  }

  span.shorting-list {
    right: 0px;
  }

  .chat .chat-header .chat-about h6 {
    font-size: 16px;
    line-height: 25px;
  }

  .hidden-sm a.save-letter {
    font-size: 0;
    padding: 6px;
    position: relative;
  }


  .hidden-sm a.save-letter span {
    margin: 0px;
  }


}


@media (max-width: 1024px) {
	
a.link-icon.btn-right {
    margin-left: 6px;
    margin-right: 0;
}

.white-box h3 {
    font-size: 26px;
}	
		
	

}


@media (min-width: 1025px) {
	
	
.modal-backdrop-none #taskdetail.modal.left.fade.show .modal-dialog {
    box-shadow: -7px 0px 11px 0px #aaaaaa2e;
}

.modal-backdrop-none div#taskdetail.show~.modal-backdrop.fade.show {
    background:none;
}
	
.modal-backdrop-none div#taskmanagerloghours.show~.modal-backdrop.fade.show {
    background-color: #000;
}	
	
	
	
	
a.link-icon.btn-right {
    position: absolute;
    right: -10px;
    border-color: #3674e0;
    background: #3674e0;
    color: #ffffff;
    margin: 0;
    border-radius: 5px 0px 0px 5px;
}


.modal.left .modal-header button.close.arrow-back {
    background: #3674e0;
    color: #ffffff;
    position: fixed;
    left: -35px;
    width: 35px;
    height: 35px;
    font-size: 12px;
    border-radius: 5px 0px 0px 5px;}


.if-header-under-tab .col-lg-4.text-right,
.if-header-under-tab .custom-select-input {
    padding-right: 35px;
}


.modal.left .modal-header button.close.arrow-back i {
    font-size: 19px;
}

  .form-row .space-right-sm {
    padding-right: 10px;
  }


  .form-row .space-top-sm {
    padding-top: 5px;
  }


  .modal.left .modal-dialog.half-modal {
    min-width: 850px;
  }


}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	
  .chat-app .chat-list {
    height: 480px;
    overflow-x: auto
  }

  .chat-app .chat-history {
    height: calc(100vh - 350px);
    overflow-x: auto
  }
  
  
  .communications-page .chat-list {
    height: auto;
    overflow-x: auto
  }

  .communications-page .chat-history {
    height: auto;
    overflow-x: auto
  } 
  
  
  
}


@media (min-width: 992px) and (max-width: 1024px) {

.video-thumb:hover .title-content {
    height: 56%;}


}




	
@media (min-width: 768px) {
	
.no-gutters-row {
    margin-right: -10px;
    margin-left: -10px;}
	
.no-gutters-row>.col,
.no-gutters-row>[class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;}	
	
.header-main.booking-nav-header h5 {
    font-size: 16px;}	

	
	
}

    
@media (min-width: 1650px) {
	
.vid-h {
    height: 600px;}
	

.title-section {
    padding-top: 100px;
    padding-bottom: 100px;
}



.form-landing-sec .row.pb-5 {
    margin-bottom: 40px;}
	
.form-landing-sec .container {
    max-width: 1440px;}	
	
.form-landing-sec .video-thumb:hover .title-content {
    height: 52%;}	
	
.form-landing-sec .title-content{
	padding: 35px;}	
	
	
.form-landing-sec .title-content p {
    padding-top: 54px;}
	
	
	

}