/*  Desktop */
@media (min-width: 1201px) {
  .mbside-arrow-btn {
    display: none;
  }

}

@media (max-width: 1536px) {

  /*--karan--*/
  input.form-control::-webkit-input-placeholder {
    font-size: 14px;
  }

  input.form-control::-moz-placeholder {
    font-size: 14px;
  }

  input.form-control::-ms-placeholder {
    font-size: 14px;
  }

  input.form-control::placeholder {
    font-size: 14px;
  }

  .srchresult-lft h2 {
    font-size: 22px;
  }

  .srchresult-lft span {
    font-size: 14px;
  }

  .tablecont-box thead th,
  .tablecont-box table td {
    font-size: 14px;
    padding: 12px 12px;
  }

  .pagination-lft,
  .pagination-lft span {
    font-size: 14px;
  }

  .srchresult-srtby .select2-container--default .select2-selection--single .select2-selection__rendered,
  .srchresult-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
  }

  .pagination-rgt .page-link {
    font-size: 14px;
  }

  .cussrch-btn,
  .addcustmr-btn {
    font-size: 14px;
  }

  .tablecont-box table td.custaction span:first-of-type {
    margin-right: 12px
  }

  .custaction span a svg {
    width: 18px;
    height: 18px;
  }

  .updatdeli-text h1,
  .addcusprofil .modal-header h1 {
    font-size: 22px;
  }

  .areainfo-wrap h1 {
    font-size: 22px;
  }

  .nav-pills.editpro-wrap .nav-link {
    font-size: 16px;
  }

  .after-text {
    right: calc(100% - 85%);
  }

  .before-text {
    left: calc(100% - 85%);
  }

  /*--karan End--*/

}

/* Laptop */
@media (max-width: 1440px) {

  /* Dashboard */
  .dash_item {
    padding: 12px;
    grid-gap: 12px;
    border-radius: 16px;
  }

  .dash_flx {
    grid-gap: 16px;
    overflow-x: auto;
    white-space: nowrap;
  }

  .dash_item span {
    min-width: 55px;
    width: 55px;
    height: 55px;
  }

  .dash_item span svg {
    width: 35px;
    height: 35px;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1366px) {

  /*--karan--*/
  .srchresult-lft h2 {
    font-size: 20px;
  }

  .tablecont-box thead th,
  .tablecont-box table td {
    padding: 8px 8px;
  }
}



/* Hide on large desktop screens */
@media (min-width: 992px) {
  .back-to-top {
    display: none !important;
  }
}

/* Medium devices (tablets, less than 992px) */


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 1200px) {
  .side-arrow-btn {
    display: none;
  }

  /* Wrapper should behave normally */
  .content {
    padding: 20px;
  }

  #wrapper {
    padding: 0;
  }

  .sidebar {
    position: fixed;
    top: 0;
    left: -320px;
    height: 100vh;
    margin: 0;
    min-width: 310px;
    transition: left 0.35s ease;
    z-index: 999;
  }

  .sidebar.mobile-open {
    left: 0;
  }

  .sidebar-menu {
    padding: 15px;
  }

  #page-content-wrapper {
    margin-left: 0 !important;
    width: 100%;
  }

  #wrapper.collapsed .sidebar {
    min-width: 80px;
  }

  #wrapper.collapsed #page-content-wrapper {
    margin-left: 0;
  }

  /*--karan--*/
  .tablecont-box {
    overflow-x: auto;
    scrollbar-color: #e5e5e5 transparent;
    scrollbar-width: thin;
  }

  /* .datesec-wrap{white-space: nowrap;width: 100%;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;} */
  .wdtwrap-main {
    width: auto
  }

  .datesec-wrap:before {
    content: unset;
  }

  /* .lftcontpre-rgt, .rgtcontpre-rgt,.lftcontpre-wrap, .rgtcontpre-wrap{justify-content: flex-start;  } */
  .lftcontpre-rgt .form-group .form-control,
  .rgtcontpre-rgt .form-group .form-control,
  .dowdta-btn,
  .dateprev-btn,
  .dowdta-btn {
    box-shadow: 0px 4px 16px 0px #00000026;
  }

  .dateprev-btn,
  .lftcontpre-rgt span,
  .rgtcontpre-rgt span {
    font-size: 14px;
  }

  .srch_sites {
    flex-wrap: wrap;
  }

  .srch-group {
    width: 100% !important;
  }

  .srch_sites .form-group {
    width: 100%;
  }

  .srch_btns {
    margin: 0 auto;
  }

  .srch_sites select {
    background: #F5F5F5 url(../images/down-arrow.png) no-repeat 98% center !important;
  }

  /* wd-mr */
  .datesec-wrap {
    gap: 18px;
  }

  .lftcontpre-rgt,
  .rgtcontpre-rgt {
    gap: 10px;
  }

  .lftcontpre-wrap,
  .rgtcontpre-wrap {
    gap: 20px;
  }

  /* .dateprev-btn{padding: 10px 18px;} */
  .lftcontpre-rgt .form-control,
  .rgtcontpre-rgt .form-control {
    padding: 10px 40px 10px 15px;
    font-size: 15px;
  }

  .dateprev-btn,
  .dowdta-btn {
    width: 42px;
    min-width: 42px;
    height: 42px;
  }



}

@media (max-width: 991px) {
  p {
    font-size: 14px !important;
  }

  .content {
    padding: 12px;
  }

  /* Dashboard */
  .sites_txt {
    padding: 10px;
  }

  .dash_txt h6 {
    font-size: 24px;
  }

  .dash_flx,
  .dash_title {
    margin-bottom: 15px;
  }

  .dash_title h3 {
    font-size: 20px;
  }

  .dash_title .form-control {
    padding: 8px 30px 8px 8px;
    font-size: 14px;
  }

  .dash_item span {
    min-width: 45px;
    width: 45px;
    height: 45px;
  }

  .dash_item span svg {
    width: 30px;
    height: 30px;
  }

  .sites_bx {
    border-radius: 16px;
  }

  /* Notification */
  .noti_txt h4 {
    font-size: 15px;
  }

  /*--karan--*/
  /* .admin-nav{margin-bottom: 14px;} */
  .content {
    padding: 20px 12px;
  }

  .mobnone {
    display: none;
  }

  .cusrchicon-inr span {
    display: none;
  }

  .cusrchicon-inr .form-control {
    padding: 9px 15px;
  }

  .tablecont-box {
    padding: 14px 14px;
  }

  .cussrch-btn,
  .addcustmr-btn {
    padding: 10px 14px;
  }

  .pagination-wrap {
    justify-content: center;
  }

  .editpro-wrap {
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .tabs-scrollable-container {
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-color: #e5e5e5 transparent;
    scrollbar-width: thin;
  }

  .nav-pills.editpro-wrap .nav-link {
    padding: 12px 20px;
    font-size: 14px;
  }

  .editprofile-frm {
    width: auto;
  }

  .editprofile-frm .uploadtxt-title {
    font-size: 14px;
  }

  .editprofile-frm .avatar-img {
    width: 90px;
    height: 90px;
    min-width: 90px;
    border-radius: 20px;
  }

  .commypro-box {
    padding: 14px 14px;
  }

  .editpro-btn,
  .settingfrm-btn {
    font-size: 14px;
  }

  .settingfrm .form-groupinr {
    margin-bottom: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .addcusprofil .modal-content {
    padding: 24px 18px;
  }

  .btngroup-clr,
  .btngroup-chge {
    padding: 14px 14px;
    font-size: 14px;
  }

  /* .addcusprofil .modal-header h1{font-size: 16px;} */
  .navbar.kklandpg-py {
    gap: 8px;
  }

  .areainfo-wrap h1 {
    font-size: 16px;
  }

  .areainfo-wrap span {
    font-size: 12px;
  }

  .custom-container {
    padding-right: 12px;
    padding-left: 12px;
  }

  .landgrid-lft span {
    font-size: 12px;
  }

  .landgrid-rgt {
    height: auto;
  }

  .landgrid-rgt iframe {
    min-height: auto;
  }

  .landgrid-innr {
    height: auto;
  }

  /*.landgrid-innr img {
    height: auto;
  }*/

  .wireframe-image-container,
  .wireframe-inner-container {
    height: auto;
  }

  .wireframe-container {
    min-height: auto;
  }

  .slider-container,
  .before-image img,
  .after-image img {
    height: 450px;
  }

  .before-image,
  .after-image {
    height: 450px;
  }

  .commpopup-styl h5 {
    font-size: 22px;
  }

  .exproupload-actions {
    flex-wrap: wrap;
  }

  .exproupload-actions .commbtnexproj {
    flex: 0 0 auto;
  }

  .crtlistbtn-wrap {
    flex-wrap: wrap;
  }

  .comcrtlist-btn,
  .comcrtlistsub-btn {
    padding: 12px 30px;
    font-size: 15px;
  }

  /*--karan End--*/
  /* ------------ wd-mr -------------- */
  .logoutmodel .modal-body {
    padding: 20px;
  }

  .logoutmodel h3 {
    font-size: 20px;
  }

  .modal-btn-no,
  .modal-btn-yes {
    font-size: 15px;
    padding: 12px 15px;
  }

  /* create listing modal */
  .commpopup-styl .modal-header {
    padding: 20px;
  }

  .commpopup-styl .modal-body {
    padding: 0 20px 20px 20px;
  }

  .form-control {
    font-size: 15px;
    padding: 12px 15px;
  }

  select.form-control {
    background-position: 98% !important;
  }

  .upload-wrapper .upload-actions button {
    font-size: 14px;
    white-space: nowrap;
  }

  .upload-actions {
    flex-wrap: wrap;
  }

  .editprofile-frm .iti__selected-country {
    padding: 0 0 0 15px;
  }

  .editprofile-frm .camera-icon {
    width: 35px;
    height: 35px;
    min-width: 35px;
  }

  /* setting */
  .mb-40 {
    margin-bottom: 20px;
  }

  .notifibox-wrp {
    padding: 15px;
  }

  /* my team */
  .addcust-frm .form-control {
    font-size: 15px;
    padding: 12px 35px 12px 15px;
  }

  .srchresult-wrap {
    margin: 20px 0;
  }

  .srchresult-srtby .select2-container .select2-selection--single,
  .srchresult-page .select2-container .select2-selection--single,
  .viseroergt .select2-container .select2-selection--single {
    padding: 8px 40px 8px 10px;
  }

  .logoutmodel .modal-body span svg {
    width: 70px;
    height: 70px;
  }

  .customer-bx {
    margin-bottom: 15px;
  }

  .customer-bx .avatar {
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 18px;
  }

  /* listing */
  .listing_bx {
    flex-flow: column;
  }

  .list_info {
    max-width: 100%;
    margin: 15px auto 0;
    padding: 20px;
  }

  .schedule-btn {
    font-size: 15px;
  }

  .dwldbtn {
    padding: 12px 30px;
    font-size: 15px;
  }

  .downldlist-wrap {
    flex-wrap: wrap;
  }

  .list_info h4 {
    font-size: 22px;
  }

  .listing_bx {
    padding: 20px;
  }

  .mylisting-wrap .nav-pills.editpro-wrap .nav-link {
    padding: 12px 25px;
  }

  .visit-tabs {
    flex-wrap: wrap;
    gap: 12px;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .viseroe-wrap {
    flex-flow: column;
    gap: 10px;
    align-items: flex-start;
  }

  .addmylisting-btn,
  .probita-btn {
    padding: 10px 18px;
    font-size: 15px;
  }

  .sort-btn {
    padding: 10px 15px;
    font-size: 15px;
  }

  .viseroergt {
    margin-bottom: 5px;
    flex-wrap: wrap;
  }

  .action-menu .dropdown-item {
    font-size: 14px;
  }

  .list-img-nm h3 {
    font-size: 15px;
  }

  /* deliver site */
  .dowdta-btn {
    padding: 10px;
  }

  .deliver-site-header {
    padding: 15px;
  }

  .brandlogo img {
    height: 50px;
  }

  main {
    padding: 80px 0 0;
  }

  /* notification */
  .noti_list li {
    padding: 12px;
    align-items: flex-start;
  }

  .noti_icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }

  /* landing page  */
  .datesec-wrap {
    text-align: center;
    align-items: flex-end;
  }

  .lftcontpre-lft,
  .rgtcontpre-lft {
    flex: 0 0 auto;
    display: flex;
  }

  /* .lftcontpre-wrap {flex: 1 1 100%; justify-content: center; flex-wrap: wrap; gap: 20px; }
    .brdr-vert {display: none;} */
  .lftcontpre-rgt,
  .rgtcontpre-rgt {
    justify-content: center;
    align-items: end;
  }

  .calndr-dropdown {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  /* .lftcontpre-lft {order: 1;}
    .rgtcontpre-lft { order: 2;} 
    .lftcontpre-wrap{ order: 3}*/
  .lftcontpre-lft,
  .rgtcontpre-lft {
    justify-content: center;
    margin: 0 10px;
  }

  .brdr-vert {
    height: 65px;
  }

  .dowdta-btn {
    width: 43px;
    min-width: 43px;
    height: 43px;
  }

  .dateprev-btn {
    width: 36px;
    min-width: 36px;
    height: 36px;
  }

  .btn-cont-main {
    width: 100%;
    top: unset;
    bottom: 30px;
    transform: translate(-50%, 0%);
    height: auto;
    margin: 0 0px;
  }

  .lftcontpre-wrap,
  .rgtcontpre-wrap {
    width: 100%;
    justify-content: center;
  }

  .slider-controls-bottom {
    top: unset;
  }

  /*New    */
  .landing-only,
  .landing-only body {
    height: auto;
    overflow-y: scroll;
  }


}

@media (max-width: 767px) {
  .before-text {
    left: calc(100% - 98%);
  }

  .after-text {
    right: calc(100% - 98%);
  }

  .landgrid-lft span {
    left: calc(100% - 98%);
    transform: unset;
  }

  .before-text,
  .after-text {
    font-size: 12px;
  }

  .noti_list li {
    font-size: 14px;
  }

  /* Schedule Delivery popup  */
  .flatpickr-calendar {
    margin: 0 auto;
  }

  .schedule-form {
    margin: 20px auto 0;
  }

  /* wd-mr landing page */
  .lftcontpre-wrap,
  .rgtcontpre-wrap,
  .datesec-wrap {
    gap: 15px;
  }

  .slider-container,
  .before-image img,
  .after-image img {
    height: 450px;
    object-position: inherit !important;
  }

}


/* wd-mr  landing page */
@media (max-width: 661px) {

  .datesec-wrap {
    flex-wrap: wrap;
  }

  .lftcontpre-lft {
    order: 1;
  }

  .rgtcontpre-lft {
    order: 2;
  }

  .lftcontpre-wrap {
    order: 3;
    align-items: center;
    width: 100%;
  }

  .brdr-vert {
    height: 52px;
  }

  .lftcontpre-rgt .form-group .form-control,
  .rgtcontpre-rgt .form-group .form-control,
  .lftcontpre-rgt,
  .rgtcontpre-rgt,
  .lftcontpre-rgt .form-group,
  .rgtcontpre-rgt .form-group {
    width: 100%;
  }

  .lftcontpre-wrap {
    align-items: end;
    gap: 20px;
  }



}

@media (max-width: 620px) {

  /* landing page */
  .lftcontpre-wrap {
    width: 100%;
  }

  .lftcontpre-rgt,
  .rgtcontpre-rgt {
    width: 100%;
    flex-wrap: nowrap;
  }

  .lftcontpre-rgt .form-group,
  .rgtcontpre-rgt .form-group {
    width: 100%;
  }

  .lftcontpre-rgt .form-group .form-control,
  .rgtcontpre-rgt .form-group .form-control {
    width: 100%;
  }

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {

  /* Dashboard */
  .sites_bx {
    margin-bottom: 12px;
  }

  .visit-arrow span {
    min-width: 32px;
    width: 32px;
    height: 32px;
  }

  .form-control {
    font-size: 14px;
  }

  /* wd-mr */
  /* Schedule Delivery popup  */
  .schedule-form {
    width: 95%;
  }

  /* landing page */
  .lftcontpre-wrap {
    flex-flow: column;
    gap: 10px;
  }

  .brdr-vert {
    display: none;
  }

  /*  New*/
  .areainfo-wrap span {
    font-size: 11px;
  }

  .slider-controls-top .dowdta-btn-red {
    display: none !important;
  }

  .landgrid-innr img,
  #imgLeafletMap,
  .slider-container,
  .before-image img,
  .after-image img,
  #cmpLeafletMap,
  #mapDiv {
    aspect-ratio: unset;
    !important;
  }

  .landgrid-innr {
    height: 43vh;
  }

  .landgrid-rgt {
    height: 20vh;
  }

}

/*---------------New---------*/
/*@media (max-height: 1080px) and (min-height: 1000px) {
    .landgrid-innr img, #imgLeafletMap, .slider-container, .before-image img, .after-image img, #cmpLeafletMap {
    height: 100%;
    aspect-ratio: 2.7 / 2;
    object-fit: cover;
    width: 100%;
  }
}
@media (max-height: 999px) and (min-height: 930px) {
   .landgrid-innr img, #imgLeafletMap, .slider-container, .before-image img, .after-image img, #cmpLeafletMap {
      aspect-ratio: 3 / 2;
   }
}
@media (max-height: 929px) and (min-height: 900px) {
   .landgrid-innr img, #imgLeafletMap, .slider-container, .before-image img, .after-image img, #cmpLeafletMap {
      aspect-ratio: 2.5 / 2;
   }
}*/
@media (max-height: 720px) and (min-height: 700px) {

  .landgrid-innr img,
  #imgLeafletMap,
  .slider-container,
  .before-image img,
  .after-image img,
  #cmpLeafletMap,
  #mapDiv {
    height: 100%;
    aspect-ratio: 3 / 1.5;
    object-fit: cover;
    width: 100%;
  }
}

@media (max-height: 699px) and (min-height: 600px) {

  .landgrid-innr img,
  #imgLeafletMap,
  .slider-container,
  .before-image img,
  .after-image img,
  #cmpLeafletMap,
  #mapDiv {
    /* aspect-ratio: 3 / 1.2; */
    aspect-ratio: 3 / 1.6;
  }
}