@media only screen and (max-width: 2256px) {
    /* 4 April chat changes  */
 .fixed-chat-buisness-sec{left: 541px !important; }

}

@media only screen and (max-width: 1920px) {
    /* 4 April chat changes  */
 .fixed-chat-buisness-sec{left: 375px !important; }

}

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

}




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

}




@media only screen and (max-width:1799px) {
.leftpart {width: auto; top: 13px; padding:0px 0 0 90px;}
.top-section {margin-bottom:10px;}
.border2 {padding:10px 20px 10px 15px; margin-bottom:10px; margin-top:1px;}
.pagination {padding-bottom:4px;}
}

@media only screen and (max-width: 1680px) {
.c-m-right-top .customer-name {padding: 15px 0px;}
.quote-approved {padding-bottom: 25px; margin-top: 15px;}
.quote-approved h5{margin-bottom:10px; margin-top:15px;}

}



@media only screen and (max-width:1600px) {
.left-side .sign-out {font-size:15px; height:55px; line-height:60px;}
.fixed-chat .chat-box:before {width: 30px; height: 30px; font-size: 14px; line-height:30px;}
.m-top-paging{margin-top:5px;}
.company-details-c-m {font-size: 14px; padding-left:10px;}
.quote-rating-main {align-items: flex-start;  padding:8px;}
.quote-approved h5 {margin-bottom: 5px; margin-top: 10px; font-size: 22px;}
.obbstacles {padding: 0px 0 11px 0; margin: 6px 0 0 0;}
.c-m-right-top .customer-name {padding:11px 0px;}
.quote-approved {padding-bottom:8px; margin-top:2px;}
.staff-form .form-fields {margin: 0 0 10px 0;}
.staff-form .form-fields input {height: 44px; font-size: 14px;}
.staff-form h3 {padding: 5px 0 5px 0; font-size:24px;}
.slect-quote .form-select{height:40px; font-size:14px;}
.search-filtersection .search-section input {height: 40px; font-size:14px;}
.filter-section .form-select {height: 40px; font-size: 14px;}
.nav-tab-driver, .nav-tab-deliveries {font-size: 14px;}
.drive-bottom-1, .drive-bottom-2 {margin-top: 4px;}
.custome-section .custome-id h4 {font-size: 14px;}
.bt-border {margin-top:8px; margin-bottom:8px;}
.day-year ul {line-height:20px;}
.day-year ul li {font-size: 14px;}
.dashboard-menu-btn a {font-size: 15px; padding: 10px 10px;}
.dashboard-menu-in a {font-size:15px; padding:10px 20px;}
.dispute-btn-dash a {font-size:15px; padding:10px 20px 10px 60px;}

.dashboard-main-in {padding: 15px;}
.dispute-btn-dash {margin-top: 12px;}
.custome-section .custome-name p {padding: 0px 15px 0 0;  font-size: 14px; line-height:18px;}
.staff-form .select-user ul li .form-check .form-check-label {font-size:15px; margin: 0px 0 0 0px;}
.logo-login img {width: 200px;}
.sign-upsection {padding: 11px 30px 0 30px;}
.sign-upsection h3 {margin:10px 0 10px 0; font-size:22px;}
.signsection {padding: 15px 30px 0 30px;}
.signsection {padding: 10px 30px 0 30px;}
.signsection h3 {padding:0px; margin:10px 0 15px 0px; font-size:22px;}
.signsection input {height:42px; font-size: 14px; margin-bottom: 15px;}
.signsection p {font-size: 16px;    line-height:24px;  
 padding:15px 45px 112px 45px; margin: 0px;}
.signsection .sing-in {font-size:16px; margin-bottom: 24px;
 margin-top: 15px; width: 180px; background-size:100%;}
.signsection .sing-in:hover{background-size:100%;}
.signsection .sing-up {width:180px; font-size:16px;
    margin-bottom: 20px; margin-top: 0px; background-size:100%;}
.signsection .sing-up:hover{background-size:100%;}
.login-main { max-width: 500px;}
.signsection .user-name-unique {font-size:13px; line-height:20px; padding:0px 0 18px 20px;}
.condition-check p {font-size: 16px;}
.signsection2 .sing-in {width:180px; margin:0px auto; font-size:16px;  margin-bottom:10px; margin-top:5px; background-size:100%;}
.signsection2 .sing-in:hover{background-size:100%;}
.top-section {margin-bottom:10px;}
.toptitle {margin:20px 0 0 0;}
.leftpart {padding: 0px 0 0 45px;}
.view-details .form-check {margin: 12px 0 12px 0; padding: 0px;}
.bdr {width: 100%; padding:15px; margin: 0 0 25px 0;}
.Profile {padding: 0px 0 15px 0; margin: 0px 0 15px 0;}
.review-sction p {padding:5px 0 0 0; font-size: 15px;  line-height: 24px;}
.review-sction {padding: 0 0 20px 0; margin: 0 0 20px 0;}
.trantion .Profile {padding: 0px 0 10px 0px;}
.search-filtersection {padding:7px; margin-bottom:10px;}
.deliverytable {padding: 0px 0px;}
.deliverytable .table > :not(caption) > * > * {padding: 10px 0px 12px 0px;}
.m-btm40 {margin-bottom: 15px;}
.back-section {padding: 0px; margin: 0px; line-height: 16px;}
.back-section a {font-size: 14px;}

.buisnees-user-managment-border2 {margin-bottom: 10px !important;}
 /* Neel Scroll Change */
 .signsection2-setting-admin .sing-in{margin-bottom: 0px;}
 /* 17-2 change */
 .signsection2 .sing-in,.signsection .sing-in{height: 50px; line-height: 50px;}

 /* 4 April chat changes  */
 .fixed-chat-buisness-sec{left: 216px !important; }
}


@media only screen and (max-width:1440px){
.customer-name-main>span:nth-child(2) {font-size: 16px;}
.customer-name-main, .customer-id-main {line-height: 18px;}
.customer-common>span:first-child {padding-bottom:0px;}
.m-btm40 {margin-bottom: 6px;}
.deliveri {padding: 5px 0 2px 15px;}
.img-sction img {max-width: 80%;}
.toptitle {margin:17px 0 0 0px;}
.leftpart {width: auto; top: 13px; padding:0px;}
.fixed-chat {right:19px; width:250px;}
.chatlisting {padding: 20px 10px 0px 8px; margin: 0px;}
.fixed-chat .chat-box {height:40px;}
.right-top {padding:0px; margin: 10px 0 10px 0;}
.leftpart {top:4px; padding:0px 0 0 24px;}
.driver-idname ul li {line-height: 38px;}
.m-top35 {margin-top: 10px!important;}
.customer-name {padding: 0px 0 7px 0px; margin: 0px 0 7px 0;}
.customer-name h5 {font-size:14px;}
.customer-name ul.amoutsection li span {font-size:20px;}
.product-section {margin:0px 0 14px 0;}
.det-section:before {height: 100%;}
.det-section{height:100%; }
.clender-section {padding: 22px 0 0 0;}
.chat-maindiv {padding-right: 277px;}
.chat-section {width: 394px; bottom: 0px;    right: 287px;}
.search-filtersection {padding:10px; margin-bottom: 8px;}
.border2{padding:9px 16px 9px 15px; margin-bottom: 10px;}
.toptitle h2 {font-size: 22px; color: #fff;}
.staff-form .form-fields {margin: 0 0 20px 0;}
.staff-form .select-user h5 {margin: 0px 0 8px 0; font-size:16px; font-weight: 400;}
.custome-section .custome-name {margin: 0 30px 0 0; line-height: 18px;}
.custome-section .custome-name h4 {padding:0px 0 0 0; font-size: 15px;}
.item-sction h4 {padding: 0px 0 8px 0; font-size: 17px;}
.deliveri ul li {font-size: 16px;}
.deliveri ul li span {font-size: 20px;}
.Profile h2 {font-size: 24px;}
.left-profile {padding: 13px 20px 13px 20px;}
.custome-section .custome-name:before {top: 2px;}
.bt-border {margin-top: 6px; margin-bottom: 6px;}
.search-filtersection .search-section button {top: 1px;}
.indicate-main p{font-size:15px;}
.customer-common>span:nth-child(2), .indicate-main span {font-size: 14px;}
.all-delivery-main-row div .customer-common {line-height: 14px;}

/* Neel Changes Scroll*/
.staff-form .form-fields {margin: 0 0 15px 0;}
.rept-is-main .left-review h5,.review-sction-admin-rating .left-review h5{font-size: 16px;}


}

@media only screen and (max-width: 1366px) {
.logo-login {padding: 20px 0 20px 0;}
.review-sction p {padding: 16px 0 0 0;    margin: 0px;    font-size: 15px;    line-height: 22px;    font-weight: 400;}
.driver-idname small {margin:0px; padding:0px 0 6px 0;}
.submit-field ul li input {width:132px;}
.notifications ul li {padding: 15px 0 15px 0px;}
.notifications h2 {margin:0px 0 10px 0;}
.dashboard-main-in {padding:12px;}
.dashboard-menu-btn{margin-bottom:20px; text-align:center;}
.dashboard-menu-btn a{font-size:14px; padding:10px 10px;}
.dashboard-menu-in a{font-size:14px;padding:7px 20px; margin-top:5px;}
.dispute-btn-dash {margin-top:0px;}
.dispute-btn-dash a {font-size:14px; padding:8px 20px 8px 60px;}
.dispute-btn-dash a i {font-size:20px; top: 12px;}
.dashboard-dispute {min-height: 120px; background-size: 80px;}
.day-year ul {line-height: 18px;}
.day-year ul li {font-size: 14px;}
.day-year-box {padding:15px;}

/* 4 April chat changes  */
.fixed-chat-buisness-sec{left: 183px !important; }




}



@media only screen and (min-width:1301px) and (max-width:1549px){
    .rightpart{width: 1000px;}
    .container {max-width: 1024px;}
    .search-filtersection .search-section{width:507px;}
    .leftpart{top: 8px;}
    .leftpart a img{height: 50px;}
.clender-section .cal-btn {width: 88px;}

}

@media only screen and (min-width: 1301px) {
    
}

@media only screen and (min-width:992px) and (max-width:1300px){
.clender-section .cal-btn {margin:0px 7px 10px 0px;}
.left-in-logo{display: inline-block; float: left; padding: 5px 0 0 15px;}
.leftpart{display: none;}
.toptitle{display: inline-block;}

}

@media only screen and (max-width: 1300px) {
.leftpart {width:45%; top:4px; padding:0px;}
}

@media only screen and (max-width: 1280px) {
.img-sction img {max-width: 100%;}
.m-left15 {margin-left: 20px!important;}
.login-main {max-width:400px;}

/* 4 April chat changes  */
.fixed-chat-buisness-sec{left: 13px !important; }

}

 

/* common css for below screen 1199 */

@media only screen and (max-width: 1199px) {
.bdr .search-filtersection .search-section {width: 52%;}
.login-main{max-width:1000px;}
.signsection p {padding: 0px 15px 75px 15px;}
.item-sction .item-describe {margin-right:80px;}
.staff-form{max-width:92%;}
.staff-form .select-user ul li {margin: 0px 24px 0 0;}
.right-top ul {margin: 0px 10px 0 0;}
.right-top ul li a {padding:6px 6px 6px 6px; font-size: 15px;}
.toptitle h2 {text-align: left; padding:0 0 0 20px;}
.rightpart{width:100%; max-width:100%;}
.rightpart .row{ margin-right: 0px; margin-left: 0px; }
.notifications{max-width:92%;}
.select-data {margin: 0;}
.search-filtersection .search-section {width:40%;}

/* Neel Change */
.dis-align .manage-dispute-btn{
 font-size: 12px;
}



}

@media only screen and (max-width:1024px) {
.login-main{max-width:50%;}
.search-filtersection .search-section{width:44%;}
.staff-form{max-width:90%;}
.notifications{max-width:90%; padding:20px 15px 0 15px;}
.deliverytable {padding: 0px 0px;}
.edit-drive {padding-left: 20px;}


}

@media only screen and (min-width: 992px) {
 /* 8-2 Neel Disput Change */
 .dispute-links-w,.dispute-id-w{width: 21% !important;}
 .dispute-name-w{width: 16% !important;}
    
}

@media only screen and (max-width: 991px) {
.det-section:before{ display: none; }
.clender-section:before {width:100%;}
.submit-field ul {flex-wrap: wrap;}
.submit-field ul li{margin-bottom:10px; }
.submit-field ul li button {width:100px; height: 39px;    font-size: 16px;}
.bdr .search-filtersection .search-section {width: 43%;}
.deliverytable {white-space: nowrap; overflow-x: scroll;}
.deliverytable table{width:700px;}

.signsection p {padding:0px 10px 0px 10px;}
.custome-section .custome-name {width: 46%; padding: 0px 15px 0 0; margin: 0 10px 0 0px;}
.view-details .yellow-btn {width: 100%; font-size: 14px; margin: 0px; background-size: 100%;}
.custome-section .custome-name h4{font-size:15px;}
.custome-section .custome-name p {font-size: 14px; font-weight: 500; line-height: 18px; max-width: 150px;}
.border2 {padding:15px;}
.item-sction .item-describe:last-child {padding-left:0px; margin-left:0px; border:0px;}
.item-sction .item-describe {margin-right: 5px;}
.search-filtersection .search-section {width: 40%;     margin: 0px 12px 0 0;}
.slect-quote, .search-section, .select-data, .filter-section {margin-bottom:15px;}
.deliveri ul li {padding: 0px 35px 0 0px; margin: 0px 35px 0 0;}
.staff-form .select-user ul{flex-wrap:wrap;}
.staff-form .select-user ul li .form-check .form-check-label {margin:0px 2px 0 0px;}
.top-section {flex-wrap: wrap;}
.leftpart {width: auto; text-align:left; top: 13px; padding:0px; left: 40px;}
.toptitle {margin: 80px 0 0 0px;}
.toptitle h2 {font-size: 25px;}
.right-top ul li a span {padding: 0px; margin: 0px;}
.quate ul li, .quate2 ul li, .quate3 ul li {line-height: 16px;}
.left-profile {padding: 13px 10px 13px 10px;}
.bdr {width:100%; padding: 15px; margin: 0 0 50px 0;}
.profile-pic label span {font-size: 15px;}
.change-pic{width:100%;}
.notifications h2 {font-size: 22px;}
.notifications ul li h5 {font-size: 15px;}
.notifications ul li {padding: 15px 0 15px 0px;}
.search-filtersection {padding: 15px;}
.trantion .Profile {padding: 0px 0 10px 0px;}

/* Neel Changes */
.customer-list-top-admin .col-sm-12.col-md-3.col-lg-3.col-xl-3 .drive-right-part-admin .drive-right-top-admin{
    margin-left: 0px;
}
.customer-list-top-admin .col-sm-12.col-md-3.col-lg-3.col-xl-3 .edit-drive-admin{
    padding-left: 0px;
    margin-left: 0px;
}
.customer-list-top-admin .col-sm-12.col-md-3.col-lg-3.col-xl-3 .edit-drive-admin .chat-with-customer a{
    font-size: 12px;
}

.buisnees-user-managment-border2 .col-sm-12.col-md-3.col-lg-3.col-xl-3 .drive-right-top-admin{
    margin-left: 0px;
}
.buisnees-user-managment-border2 .col-sm-12.col-md-3.col-lg-3.col-xl-3 .drive-content-admin .edit-drive-admin{
    padding-left: 0px;
    margin-left: 0px;
}
.buisnees-user-managment-border2 .col-sm-12.col-md-3.col-lg-3.col-xl-3 .edit-drive-admin .chat-driver-link a{
    font-size: 12px;
}
.buisnees-user-managment-border2 .col-sm-12.col-md-3.col-lg-3.col-xl-3 .edit-drive-admin .edit-link-buisness-admin,
.buisnees-user-managment-border2 .col-sm-12.col-md-3.col-lg-3.col-xl-3 .edit-drive-admin  .delete-link-buisness-admin
{
    margin-left: 0px;
}
.buisnees-user-managment-border2 .col-sm-12.col-md-3.col-lg-3.col-xl-3 .drive-content-admin .drive-bottom-1{
    margin-left: 0px;
}
.drive-right-part-admin .driver-detail-admin{
    display: contents;
}
.drive-right-part-admin .driver-detail-admin .edit-driver-admin,
.drive-right-part-admin .driver-detail-admin .edit-drive-admin{
    width: 100%;
    padding-left: 0px;
}
.stripe-cm-btn{
    display: block;
    margin-top: 10px;
}
}

@media only screen and (min-width:768px) and (max-width:991px){
    
    
}


@media only screen and (max-width:960px) {
.signsection p {padding: 30px 10px 35px 10px;}
}


@media only screen and (max-width: 767px) {
.login-main{max-width:80%;}
.customershow .col-3 {width:33%;}
.m-left15 {margin-left:0px!important;}
.clender-section ul {flex-wrap: nowrap;    overflow-x: scroll;    white-space: nowrap;    width: 100%;}
.clender-section ul {display: block;}
.driver-idname {max-width: 100%;}
.driver-idname ul li {display: inline-block;}
.driver-idname ul li a {margin:0px; padding: 0px 15px 0 15px;}
.customer-name {width:50%;}
.m-top35 {margin-top:14px!important;}
.signsection .sing-in{margin-bottom:15px; margin-top:10px;}
.condition-check .form-check-input {margin: 0 0px 0 0; width: 30px;}
.login-main{ margin-bottom:10px; }
.signsection {padding:20px 15px 0 15px;}
.signsection h3, .sign-upsection h3{padding: 0px; margin: 0px 0 10px 0px; font-size:22px;}
.logo-login {padding: 20px 0 10px 0;}
.logo-login img {width:180px;}
.login-main {max-width:66%;}
.view-details {padding: 0px 0 0px 0; margin: 35px 0 10px 0;     justify-content: flex-start;}
.view-details .yellow-btn {background-size:auto; margin:26px 0 0 0;}
.img-sction img {width: 100%; max-width: 100%;}
.search-filtersection .search-section {width:67%; margin: 0px 0 20px 0;}
.deliveri ul li {padding: 0px 30px 0 0px; margin: 0px 30px 0 0;}
.item-sction .item-describe:first-child {border-left: none; margin-left: 0!important; padding-left: 0!important;}
.staff-form{padding:0 15px 30px 15px; margin-bottom:45px;}
.staff-form h3 {padding: 24px 0 20px 0; font-size: 25px;}
.staff-form p {padding: 0px 0 0px 0px;}
.staff-form .select-user ul li {margin: 0px 24px 0 0; width: 43%;}
.toptitle {margin: 15px 0 20px 0px;  text-align: right;}
.right-top ul {justify-content: center;}
.top-section{margin-bottom:20px;}
.toptitle h2 {padding:0px; margin:25px 0 0 0; font-size:24px;}
.leftpart {left:40px; width: auto; top: 13px; padding:0px;}
.toptitle h2 {text-align: revert;}
.quate, .quate2, .quate3{z-index: 1;}
.profile-pic {justify-content: flex-start;}
.profile-fields {padding: 0px; margin: 10px 0 20px 0px; float: left;}
.change-pic{width:200px;}
.left-profile {margin: 0 0 20px 0;}
.review-sction {padding: 0 0 25px 0; margin: 0 0 20px 0;}
.notifications ul li {padding: 12px 0 12px 0px;}
.notifications h2{margin: 0px 0 10px 0;}
.search-filtersection {padding: 15px;}
.bdr .search-filtersection .search-section {width: 43%; margin: 0 20px 15px 0;}
.filter-section{margin-right:15px; }


}



@media only screen and (max-width:575px) {
.customershow .col-3 {width:49.5%; margin-bottom:10px;}

.m-left15 {margin-left:15px!important;}
.filter-section{margin-right:0px;}
.customer-name {width:100%;}
.bdr .search-filtersection .search-section {width: 100%; margin:0 0 15px 0px}
.bdr .slect-quote {width: 100%;}
.bdr .filter-section {width:45%;}

.bdr .filter-section .form-select {background: url(../images/filter-icon.png) no-repeat 95% 14px;}

.quate, .quate2, .quate3{top:35px;}
.signsection p {padding:0px; font-size:16px; line-height:24px; font-weight:300;}
.condition-check .form-check {flex-wrap: wrap;}
.condition-check .form-check {padding-left: 0;}
.signsection .user-name-unique {padding: 0px 0 20px 0px;}
.login-main {max-width:90%;}
.item-sction {padding: 0px 0 0 0px; margin: 25px 0 0 0;}
.item-sction h4 {font-size:14px;}
.deliveri ul li {padding: 0px 10px 0 0px; margin: 0px 15px 0 0px;}
.search-filtersection .search-section {width: 100%;}
.slect-quote {width:100%;}
.staff-form .select-user ul li .form-check .form-check-label {font-size: 14px;}
.right-top ul li a span {font-size: 11px; width: 22px; height: 22px; line-height: 24px; position: absolute; top: -16px; right: -7px;}
.right-top ul li a {position: relative;}

}


@media only screen and (max-width: 480px) {
.customershow .col-3 {width:100%;}
.select-data2 button {padding: 0px 5px 0px 5px;}
.signsection2 {padding: 0px 0px 0 0px;}
.search-filtersection {padding: 10px;}
.select-data {margin-right: 20px; width: 55%;}
.deliveri ul li {width: 100%;}
.deliveri ul {display: flex; flex-wrap: wrap;}
.deliveri {padding: 16px 0 2px 12px;}
.deliveri ul li {font-size: 15px;}
.deliveri ul li span {padding: 0px; margin: 0px; font-size: 20px;}
.deliveri ul li:before{display:none;}
.slect-quote {width:100%;}
.staff-form .select-user ul li {width: 100%;}
.right-top ul {flex-wrap: wrap; margin:0px;}
.right-top ul li {display: flex; width: 100%; flex-wrap: wrap; margin:0px 0 10px 0;}
.right-top ul li:last-child{margin-bottom: 0;}
.right-top ul li a {position: relative; display: block; width: 100%;}
.right-top ul li a span {font-size:12px; line-height:24px; position: relative; top: 0;    right: 0; float: right;}
.toptitle {margin:10px 0px; text-align: left;}
.toptitle h2{font-size: 22px; margin: 0;}
.leftpart {position: relative; width: auto; top: 5px; padding: 0px;}
.leftpart a img {width:120px; }
.leftpart a {display: block; margin: 6px 0 0 10px;}
    
.rightpart .row > div:first-child{order: 2;}


}


/*---------chectan css----------------*/


@media only screen and (max-width: 991px) {
    /*Drivers Page*/
    #driver-main .item-sction .item-describe:last-child{padding-left: 0; margin-left: 0;}
    /*Drivers Page End*/
}


@media only screen and (max-width: 767px) {
    /*Drivers Page*/
    .drive-right-part{padding-top: 20px;}
    /*Drivers Page End*/
    
    .staff-members-right .drive-content{padding: 8px 0 0 0;}
}


@media only screen and (max-width:479px) {
    /*Drivers Page*/
    .drive-right-top .item-describe{width: 60%;}
    .drive-ul-link{width: 56%;}
    .edit-drive{width: 44%; padding-left: 10px;}
    /*Drivers Page End*/
    
    
    
}























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

}




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


}

@media only screen and (min-width: 567px) and (max-width: 767px) {


}


/* common css for screen size between 600 to 767 */

@media only screen and (min-width: 600px) and (max-width: 767px) {

	
}



/* common css for screen size between 768 to 1199 */

@media only screen and (min-width: 768px) and (max-width: 1199px) {


}


/* common css for screen size between 768 to 1023 */

@media only screen and (min-width: 768px) and (max-width: 991px) {


}

/* common css for screen size between 1024 to 1199 */

@media only screen and (min-width: 1200px) and (max-width: 1366px) {

}



/* Neel 8/12  */
@media only screen and (min-width:575px) and (max-width:768px) {
    .form-check-b-m {
        justify-content: flex-start;
    }
}

@media only screen and (max-width:479px) {
    .form-check-b-m h5 {
        margin-right: 42px;
    }
}


/* Santosh Css */
@media (max-width: 767px) {
    .quate-cutomer {
        text-align: left;
    }

        .quate-cutomer ul {
            margin: 20px 0 5px 0px;
            justify-content: flex-start;
        }

            .quate-cutomer ul li {
                margin: 0px 25px 0 0px;
            }

    .quate-app .bag-delivery {
        margin: 0 0 20px 0;
    }

    .quate-app {
        margin: 10px 10px 13px 10px;
    }
}