/*  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;}
}

/* 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;}


}


/* 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;}

}
/*---------------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;
   }
}