/*=============For 4k screen=============*/
/*@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 1/2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

html, body {zoom: 200% !important;}*/
@media  screen and (min-width: 3840px) { 
.dashbord-route-map #customer_terms_and_conditions{max-height: calc(100vh - 455px);overflow: auto !important;}   
}

/*=============For 4k screen=============*/
#request_btn_section .left-right-colored-btn {
    position: absolute;
    width: 100%;
    top: 0px;
}
#request_btn_section .left-right-colored-btn .left, #request_btn_section .left-right-colored-btn .right {
    width: auto;
    min-width: auto;
    padding: 0px 15px;
}

body.page-sidebar-minimize #sidebar-left .sidebar-menu > li, 
body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li,
body.page-sidebar-minimize #sidebar-left .sidebar-menu > li.active, 
body.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li.active {
    width: 75px !important;
}
body.page-sidebar-fixed.page-sidebar-minimize #sidebar-left .sidebar-menu > .active:hover, 
body.page-sidebar-fixed.page-sidebar-minimize-auto #sidebar-left .sidebar-menu > .active:hover {
    width: 250px !important;
}

@media all and (max-width: 1399px) { 
    .putting-right .popup-content-right .scroll-300 .col-lg-4.col-md-6.col-sm-6{
        width: 50%;
    }
}
@media all and (max-width: 1199px) { 
    #request_btn_section .left-right-colored-btn{
        position: relative;
        margin-top: 15px;
        text-align: center;
    }
    #request_btn_section .left-right-colored-btn a{
        float: none !important;
        margin: 0 7px;
    }
    .circle-container {
        margin: 2px 6px;
        min-height: 25px;
    }
.modal-body .left-right-colored-btn .left{margin-right: 0px !important;}
.modal-body .left-right-colored-btn .right{margin-left: 0px;}
} 
@media all and (max-width: 1024px){
.pick-voice-chat{    
    width: calc(100vw - 75px) !important;
    }
.modal-body .left-right-colored-btn .left{margin-right: 0px !important;}
.modal-body .left-right-colored-btn .right{margin-left: 0px;}
}
@media all and (max-width: 991px) { 
    .menu-boxes .box {
        margin-bottom: 20px;
    }
    .menu-boxes {
        margin: 30px 0px 0px;
    }
    .nav > li > a{
        padding: 10px 12px;
    }
    .online-counter-section {
        text-align: left;
    }
    .online-counter {
        font-size: 16px;
        padding: 10px 7px;
    }
    #cboxLoadedContent .questions-answers .question {
        font-size: 34px;
    }
     .col-lg-6.col-lg-offset-3.col-md-6.col-md-offset-3 {
        margin-left: 5%;
        width: 90%;
    }
    .reviews_blank {
        width: 70%;
    }
    .putting-right .popup-content-right .scroll-300 .col-lg-4.col-md-6.col-sm-6{
        width: 100%;
        margin-left: 0;
    }
    .page-sidebar-minimize .putting-right .popup-content-right .scroll-300 .col-lg-4.col-md-6.col-sm-6,
    .page-sidebar-minimize-auto .putting-right .popup-content-right .scroll-300 .col-lg-4.col-md-6.col-sm-6 {
        width: 70%;
        margin-left: 15%;
    }

    #customerModel .modal-dialog.popup-with-map {
        width: 90%;
    }

    .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
    transition: all .50s ease-out;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -40%; /* 6 columns */
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -40%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 40%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 40%; /* 6 columns */
    transition: all .50s ease-out;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 40%; /* 6 columns */
    -webkit-transition: all .50s ease-out;
         -o-transition: all .50s ease-out;
            transition: all .50s ease-out;
  }

    .job-10-min-carousel-body-fix .map-bg, .map-bg {
        height: 400px;
        margin-bottom: 60px;
    }

    .job-site-modal-left, .job-site-modal-img{
        position: relative;
        padding: 0;
        text-align: center;
    }
    .job-site-modal-right{
        left: 0;
    }
    .job-site-modal-img {    
         left: 0; 
         top: 0; 
         transform: none; 
    }
    #job_site_Model .modal-dialog{
        width: 90% !important;
        margin-left: 0;
        margin-right: 0;
    }
    #job_site_Model.modal .modal-dialog .modal-content{
        margin-bottom: 0
    }
    #temp_job_site_message{
        margin: 0 !important;
        max-height: 250px;
    }
#companyModel .modal-dialog{
    width: 90% !important;
    }
.driver-dashtab ul li{text-align: center;}
.driver-dashtab ul li a span span{display: none;transition: all .3s;}   
.company-dashtab ul li{text-align: center;}
.company-dashtab ul li a span span{display: none;transition: all .3s;}
} 
@media all and (max-width: 768px) { 
    .pick-voice-chat .row.no-margin{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .most-populer-cat .cat-box {
        /*width: 129px;*/
    }
    .time-slots ul li {
        width: 20% !important;
    }
    .popup-with-map .request-cancelled-popup .request-cancelled-text {
        padding: 0 0 0 55px !important;
    }
    .cat-search-box {
        top: 103px;
    }
   
    #customerModel .modal-dialog.popup-with-map {
        width: 90%;
        margin-right: 0;
        margin-left: 0;
    }
    #cboxLoadedContent .questions-answers .question {
        font-size: 26px;
        line-height: 30px;
    }
    ._cart-item-message, #snackbar {
        padding-left: 0;
    }
    .left-right-colored-btn .left, 
    .left-right-colored-btn .right{
        width: auto;
        min-width: auto;
        padding: 0 20px;
    }
    #request_btn_section .left-right-colored-btn{
        text-align: center !important;
    }
    #request_btn_section .col-sm-6{
        margin: 10px 0;
        padding: 0;
    }
    .dashbord-route-map .terms-conditions label {
        white-space: inherit;
        height: auto;
    }
    .col-lg-6.col-lg-offset-3.col-md-6.col-md-offset-3 {
        margin-left: 0;
        width: 100%;
    }
.left-icons .col-lg-6.col-lg-offset-3.col-md-6.col-md-offset-3{
    /*padding: 0 40px;*/
    padding: 0 12px;
    }   
    .back-to-main a {
        font-size: 18px;
        padding-top: 3px;
        display: inline-block;
    }
    .reviews_blank {
        width: 90%;
    }

    ._cart-item-message {
        padding-left: 0;
    }

    .putting-right #map.map-left-full,
    #customerModel .col-xs-6.col-lg-6.pl-0.pr-0 .map-left-full{
        position: relative !important;
        height: 300px !important;
        border: none;
        float: none !important;
        width: 100%;
    }
    .near-technician-search-wrap .putting-right .popup-content-right {
        width: 100%;
        position: relative;
        overflow: inherit;
        height: auto;
    }
    .center-content-bg.near-technician-search-wrap{
        margin-bottom: 50px !important;
    }
    .job-10-min-carousel-body-fix .near-technician-search-wrap .putting-right {
        height: auto !important;
    }
    .putting-right .popup-content-right,
    #customerModel .col-xs-6.col-lg-6.pl-0.pr-0 .popup-content-right {
        right: 0;
        left: 0;
    }
    .putting-right .popup-content-right .scroll-300 .col-lg-4.col-md-6.col-sm-6 {
        width: 33.3%;
        margin-left: 0;
        float: left;
    }

    .fake-loader-near-tech-search-text {
        font-size: 2em;
    }
    .circle-container {
        margin: 2px 5px;
    }
    #customerModel .col-xs-6.col-lg-6.pl-0.pr-0{
        width: 100%;
    }

    .popup-content-right .progress-line {
        left: -21px;
    }
    .pending-list li {
        padding: 10px;
    }
    .pagination{
        margin-top: 0;
    }
    .pagination > li {
        margin-top: 7px;
        float: left;
    }
.show-menu .container-flyout .menu-wrap{width: 75%;}
.container-flyout .menu-wrap{left: 3px;}
} 
@media all and (max-width: 767px) {
    .container-flyout .content-flyout::before{height: 140vh;}
}
@media all and (max-width: 700px) { 
   .pick-voice-chat .row-offcanvas-left.active .sidebar-offcanvas{
        width: 280px;
    }
    .pick-voice-chat .row-offcanvas-left.active {
        left: 280px;
    }
    .pick-voice-chat .row-offcanvas-left .sidebar-offcanvas {
        left: -280px;
        width: 280px;
    }
    .company-profile .cust-desc span {
        margin: 0 3px;
    }
}

@media all and (max-width: 620px) { 
    .putting-right .popup-content-right .scroll-300 .col-lg-4.col-md-6.col-sm-6 {
        width: 50%;
    }
}
@media all and (max-width: 575px) { 
.col-xs-6{width: 50% !important;}
.map-left-full.col-xs-6{width: 100% !important;}
.project-list li.nav-item, 
.project-list a.openjobs-counter, 
.admin-reports li.nav-item, 
.admin-reports a.admin-report-tabs{
    min-width: 100% !important;
    margin-bottom: 5px;
    }
.re-tabbing-style a{font-size: 12px;}
.left-right-colored-btn .left, .left-right-colored-btn .right{
    padding: 0px;
    margin: 0px 0px 10px 0px !important;
    }
.multi-address .radio-wrap{
    width: calc(100% - 70px);
    }
.list-style li .icon-left{margin-right: 5px;}
.back-to-main{
    text-align: center !important;
    }
.online-counter-section, .back-to-main{
    width: 100%;
    text-align: center;
    }
.col-lg-6.col-lg-offset-3.col-md-6.col-md-offset-3 {
    margin-left: 0px !important;
    width: 100%;
    }
#cboxLoadedContent .questions-answers .question {
    font-size: 21px;
    line-height: 24px;
    }
.request-cancelled-popup .request-customer-detail .eta-options.bordered {
    padding: 15px 10px;
    }
.time-slots ul li {
    width: 25% !important;
    }
.week-days a {
    width: 21%;
    }
.xs-fullwidth{
    width: 100%;
    margin: 0;
    }
.xs-fullwidth .col-xs-6.no-padding{
    width: 50% !important;
    }
#user-chat, .toggle-chat-btn{
    display: none !important;
    }
.requested-pick-list li .row {
        margin: 0;
    }
ul.requested-pick-list li {
    padding: 10px 0px 0px;
    }    
#colorbox{
    max-height: 450px !important;
    overflow: auto !important;
    }
.pro-change-password .bkg-gray input{
    max-width: 16em !important;
    margin-bottom: 10px !important;
    }
.intl-tel-input{margin-bottom: 10px;}
.left-right-colored-btn ._verify_username.right, 
.left-right-colored-btn ._driver_change_password.right{
    padding: 0px 20px;
    }
.srerching-list ul li .abs{
    position: absolute;
    left: 3px;
    top: 50px;
    width: 100%;
    }
.srerching-list ul li .abs .tech-rout{
    position: absolute;
    right: 10px;
    top: -45px;
    }
.srerching-list ul li .abs .switch .toggle{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 51px;
    height: 31px;
    left: 0px;  
    }
.srerching-list ul li .abs .switch .toggle label{
    width: 45px;
    height: 20px;
    border: 13px solid #e5e5e5;
    }

input[type="checkbox"]:active + .toggle label, 
input[type="checkbox"]:checked + .toggle label{
    border: 13px solid #4cd964;
    }
.srerching-list ul li .abs .switch input[type="checkbox"]:checked + .srerching-list ul li .abs .switch .toggle i{
    left: 21px !important;
    }
}
@media all and (max-width: 480px) { 
.putting-right .popup-content-right .scroll-300 .col-lg-4.col-md-6.col-sm-6 {
    width: 100%;
    margin-left: 0;
    float: left;
    }
#request_btn_section .left-right-colored-btn .left, 
#request_btn_section .left-right-colored-btn .right{
    padding: 0 10px;
    }
a.web-btn-primary, .web-btn-primary a, .web-btn-primary,
a.web-btn-danger, .web-btn-danger a, .web-btn-danger,
a.web-btn-inverse, .web-btn-inverse a, .web-btn-inverse {
    padding: 4px 12px;
    }
.eta-option-wrap {
    min-height: 93px;
    }
#request_btn_section{
    padding: 0 !important;
    }
.dashbord-route-map .p-30{
    padding: 10px !important;
    }
.map-bg .locate-nearest a {
    padding: 15px 30px;
    }
.most-populer-cat h4 .label {
    padding: 2px 6px;
    margin-right: 0px;
    }
#driverProfile .col-lg-6.col-lg-offset-3.col-md-6.col-md-offset-3 .center-content-bg {
    padding: 30px 10px !important;
    }
.questions-answers [type="checkbox"]+label {
    font-size: 17px;
    }
.pick-voice-chat .pick-voice-footer .input-group .input-group-btn .send i {
    margin: 0 10px 0 0;
    }
.pick-voice-chat .chat-right-main .pick-voice-footer {
    padding-right: 0;
    }

    /*.pick-voice-chat .row-offcanvas-left.active{
        left: 300px;
    }
    .pick-voice-chat .row-offcanvas-left.active .sidebar-offcanvas{
        width: 300px;
        left: -300px;
    }*/
.pick-voice-chat .chat-right-main .chat-discussion{
    padding: 0 10px;
    }
.tabbing-complaint a {
    font-size: 20px;
    padding: 9px 12px;
    }
.tabbing-complaint a:last-child{
    margin-right: 0;
    }
.re-tabbing-style a {
    font-size: 14px;
    }
.complaint-details.row [class*="col-xs"]{
    width: 100%;
    }    
.complaint-section {
    padding: 15px;
    }
._ticket_history [class*="col-xs-3"]{
    padding-right: 0;
    padding-left: 0;
    word-break: break-all;
    }
._ticket_history .fa-18.text-blue{
    font-size: 16px !important;
    }
.company-profile .cust-desc{
    padding: 10px 0;
    line-height: 24px;
    display: block;
    }
.content-box.profile-box .col-md-6.col-md-offset-3.col-sm-6.col-sm-offset-3.col-lg-4.col-lg-offset-4.col-xs-6.col-xs-offset-3.xs-fullwidth{
    margin-top: 12px;
    }
.center-content-bg.p-30.driver-details{
    padding: 30px 10px !important;
    }
.requested-pick-list .row .col-xs-6{
    width: 100%;
    }
.requested-pick-list .row .col-xs-6.pick-info{
    margin-top: 10px;
    margin-bottom: 0;
    }
.content-box .col-xs-6.pl-0.xs-fullwidth.border-small{
    padding: 0!important;
    border-bottom: 1px solid #e2e8f1;
    }    
}
@media (max-width: 360px){
._ticket_history [class*="col-xs-3"] {
    width: 50%;
    margin-top: 7px;
    }
}
@media all and (max-width: 320px) { 
.time-slots ul li {
    width: 33.333% !important;
    }
.week-days a {
    width: 25%;
    }
#customerModel .modal-dialog {
    margin-left: 0;
    margin-right: 0;
    }
.mt-0.tabbing-complaint.ml-20.text-gray{
    margin-left: 12px !important;
    }
.tabbing-complaint a {
    padding: 9px 6px;
    }
}
@media all and (max-width: 480px) { 
.map-bg .locate-nearest a {
    padding: 15px 20px;
    font-size: 24px;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
select.form-control {
    line-height: 28px;
    }
}
 @media screen and (max-width: 40em) {
.company-profile.container {
    overflow: visible;
    }
}
/*=============For Driver=============*/
@media  screen and (max-width: 1600px) {
    /*.row-offcanvas {
        position: relative;
        -webkit-transition: all .6s ease-out;
        -o-transition: all .6s ease-out;
        transition: all .6s ease-out;
    }
    .row-offcanvas-right {
        right: -10px;
    }
    .row-offcanvas-left {
        left: 0px;
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: 0%;
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: 0%;
    }
    .row-offcanvas-right.active {
        right: 0;
    }
    .row-offcanvas-left.active {
        left: 0;
    }*/
} 
/*max-width: 1600px*/
@media  screen and (max-width: 992px) {
    /*.row-offcanvas {
        position: relative;
        -webkit-transition: all .6s ease-out;
        -o-transition: all .6s ease-out;
        transition: all .6s ease-out;
    }
    .row-offcanvas-right {
        right: -10px;
    }
    .row-offcanvas-left {
        left: 0px;
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: -35%;
    }
    .row-offcanvas-left  .sidebar-offcanvas {
        left: -35%;
    }
    .row-offcanvas-right.active {
        right: 35%;
    }
    .row-offcanvas-left.active {
        left: 35%;
    }
    .sidebar-offcanvas {
        position: absolute; 
        top: 0; 
        width: 35%;
    }

.pick-voice-chat .sidebar-offcanvas {
    position: absolute;

    top: 0;
}*/

#myAlert .modal-dialog{
    width: 75%;
    }   
.request-form .left-section{
    min-height: 250px;
    max-height: 250px;
    overflow: auto;
    }
.request-profile .eta-options li{
    width: 50%;
    }
.request-form .right-scrion .request-customer-detail.request-profile {
    height: auto !important;
    }
.activation-master ._print_div{
    top: -90px;
    right: 0px;
    }
.booking-board-search{
    padding: 10px 5px;
    }
}/*max-width: 992px*/
/*=============For Company=============*/
@media  screen and (max-width: 992px) {
    .company-offcanvas .row-offcanvas-left.active{
        left: 0;
        transition: all .50s ease-out;
    }
    #map-view .company-offcanvas .row-offcanvas-left .sidebar-offcanvas{
        left: -50%;
        transition: all .50s ease-out;
    }
    #map-view .company-offcanvas .row-offcanvas-left.active .sidebar-offcanvas{
        width: 50%;
        padding-right: 10px; 
        padding-left: 0;
    }
    #map-view .company-offcanvas .row-offcanvas-left.active .srerching-list ul li .overflow-hidden,
    #map-view .company-offcanvas .row-offcanvas-left.active .srerching-list ul li .abs{
        opacity: 1;
        display: block;
    
    }
    #map-view .company-offcanvas .row-offcanvas.active .sidebar-offcanvas{
        left: 0px;
        transition: all .50s ease-out;
    }
    #map-view .company-offcanvas .row-offcanvas.active .map-full{
        left: 50%;
        transition: all .50s ease-out;
    }
    /*#map-view .switch{
        position: relative;
        width: 35px;
        height: 15px;
        top: -10px;
    }
    #map-view .switch input[type="checkbox"]:active + .toggle label, 
    #map-view .switch input[type="checkbox"]:checked + .toggle label{
        border: 7px solid #4cd964;
    }
    #map-view .switch .toggle i{
        width: 11px;
        height: 11px;
    }
    #map-view .switch input[type="checkbox"]:checked + .toggle i{
        left: 23px;
        top: 1px;
    }
    #map-view .switch .toggle,
    #map-view .switch .toggle label{
        width: 35px;
        height: 14px;
    }*/
}
/*=============For Company=============*/