@media (max-width: 1601px)
{
  .field-grp{display: block;}
}
/* Laptop */
@media (max-width: 1440px)
{
  /* common css */
  .page-content-area{padding: 110px 25px 25px;}
  .profile-dtls-bx{padding: 20px;}
 


}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px)
{
  /* admin header */
  .admin-header{padding: 12px 15px; height: 70px; left: 270px;}
  .header-right{gap: 25px;}
  .create-btn{padding: 10px 15px; font-size: 15px; border-radius: 10px;}
  .profile-menu img{width: 40px; min-width: 40px; height: 40px;}
  .main-title{font-size: 22px;}
  .admin-header{left: 0;}
  .sidemenu-toggle{display: block;}
  /* sidebar */
  aside{width: 270px;}
  .admin-brand{padding: 11px 0; height: 70px;}
  .admin-menu{padding: 20px 15px 0;}
  .admin-menu ul li a{font-size: 15px;}
  aside {transform: translateX(-100%);}
  aside.active{transform: translateX(0);}
  /* main page */
  .page-content-area{padding: 90px 20px 20px;}
  .main-area{margin-left: 0px;}
  /* notification */
  .sec-title{font-size: 20px;}
  .sec-title-flx{margin-bottom: 20px;}
  .notify-icon{width: 45px; min-width: 45px; height: 45px;}
  .notify-txt p{font-size: 15px; margin-bottom: 1px;}
  .notify-txt span{font-size: 12px;}
  .notify-icon svg{width: 25px; height: 25px;}
  /* dashboard */
  .col-grid-three{gap: 20px;}
  .deal-update-card{padding: 15px; gap: 20px;}
  .deal-txt{font-size: 16px;}
  .update-txt p{font-size: 13px;}
  .update-list-card{padding: 15px;}
  .update-card{padding: 12px; border-radius: 15px;}
  .create-deal-card{padding: 20px;}
  .create-deal-btn{font-size: 15px; border-radius: 12px;}
  .chart-wrapper h2{font-size: 20px;}
  /* my deals */
  .deals-tabs-wrapper{padding: 6px;}
  .deals-tabs .nav-link{padding: 9px 20px; font-size: 15px;}
  .view-btn svg{width: 28px; height: 28px;}
  .deal-prize span{font-size: 18px;}
  /* privacy policy */
  .profile-header h2{font-size: 22px;}
  .profile-header{margin-bottom: 20px;}
  .policy-blog p{font-size: 15px; margin-bottom: 20px;}
  /* profile layout */
  .profile-menu-bx{padding: 15px;}
  .delete-acnt-btn{margin: 20px auto 0;}
  .profl-item-lft h6{font-size: 14px;}
  .usr-info-lft h4{font-size: 20px;}
  .delete-acnt-btn{font-size: 15px;}
  .profile-menu-list ul{display: flex; flex-flow: row; width: 100%; flex-wrap: nowrap; overflow-x: auto;}
  .profile-item::after, .menu-side-arrow{display: none;}
  .profile-item{padding: 0 10px; margin-bottom: 0;}
  .profile-layout{display: block;}
  .profile-menu-bx{margin-bottom: 20px; border-radius: 20px;}
  .profile-info-bx img{width: 70px; min-width: 70px; height: 70px;}
  /* Edit profile */
  .field-grp{display: flex;}
  /* profile modal */
  .profile-modal .modal-body{padding: 45px 20px 20px;}
  .profile-modal h4{font-size: 22px;}
  .no-btn, .yes-btn{font-size: 15px; padding: 12px 45px;}
  /* create deal */
  .wizard-wrapper{min-height: 90vh;}


}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px)
{
  .page-content-area{padding: 90px 15px 20px;}
  /* notification */
  .notification-card{padding: 12px;}
  .sec-title{font-size: 18px;}
  .mark-read-btn{font-size: 14px;}
  /* dashboard */
  .col-grid-three{gap: 15px;}
  .deal-grid-three{grid-template-columns: repeat(auto-fit, minmax(257px, 1fr));}
  .deal-update-card, .chart-card{padding: 12px;}
  .chart-card canvas{height: 280px !important;}
  /* my deal */
  .deal-box{padding: 12px; border-radius: 15px; margin-bottom: 15px;}
  .deal-img-area img{border-radius: 15px;}
  .deal-txt, .success-blog p, .support-txt-area p{font-size: 15px;}
  .list-layout .deal-img-area img, .ordr-deal-img img, .prodct-deal-img img{width: 90px; min-width: 90px; height: 90px;}
  /* -------------- profile layout ------------ */
  .profile-info-bx{gap: 15px; margin-bottom: 20px; border-radius: 20px; padding:12px;}
  .user-stats-box{width: 100%;}
  .user-stats-box ul li{min-width: unset; width: 100%;}
  .profile-menu-bx, .profile-menu-bx{padding: 12px}
  /* help support */
  .help-support-blog{width: 90%;}
  /* edit profile */
  .profile-dtls-bx{padding: 20px 12px;}
  .profile-form .form-control{font-size: 14px; border-radius: 12px; padding: 12px 15px;}
  .form-icon{margin: 10px 12px;}
  .form-btn{font-size: 15px; padding: 14px 30px;}
  .profile-header h2, .profile-modal h4{font-size: 20px;}
  .profile-photo{width: 100px; height: 100px; min-width: 100px;}
  /* create Deal */
  .wizard-steps .circle{width: 40px; min-width: 40px; height: 40px;}
  .btn-next, .add-prodct-btn, .main-btn{margin: 20px auto 0; font-size: 15px; padding: 14px 32px;}
  .wizard-panel h3, .success-blog h3{font-size: 22px;}
  .wizard-steps{margin: 0 auto 20px;}
  .profile-form .deal-descrpt textarea{height: 250px;}
  /* success */
  .deal-rvw-icon{width: 110px; min-width: 110px; height: 110px;}
  /* help support */
  .support-txt-area h3{font-size: 20px}
  .sec-title-flx{flex-wrap: wrap;}
  .usr-info-lft h4 {font-size: 18px;}
  .usr-info-lft p {font-size: 14px;}
  .user-stats-box ul li span {font-size: 16px;}
  .user-stats-box ul li {font-size: 14px;}
  .orders-wrapper {grid-template-columns: 1fr;}
  .order-card {max-height: unset;}
  .review-progress {margin: 0px auto 14px;}
  .zb_modal_header {margin-bottom: 10px;}
.zb_map_area iframe {width: 350px;height: 350px;}
.zb_map_area {max-width: 370px;}
.zb_modal_wrapper {max-width: 430px; margin: auto;}
.book-location-modal {padding: 10px;margin-top: 14px;}
.book-location-modal h3 {
	font-size: 14px;
}
.book-location-modal p {
	font-size: 12px;
}
.zb_upload_btn {
	font-size: 12px;
}

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px)
{	
	/* admin header */
  .main-title{font-size: 20px;}
  .mob-menu-item{display: block !important;}
  .profile-menu h4, .logout-btn, .create-btn span{display: none;}
  .create-btn{padding: 0; width: 36px; height: 36px; min-width: 36px; border-radius: 8px;}
  .profile-menu img{width: 36px; min-width: 36px; height: 36px;}
  /* notification */
  .notify-txt p{font-size: 14px;}
  /* My deal */
  .list-layout .row .col-xxl-3, 
  .list-layout .row .col-xl-4,
  .list-layout .row .col-lg-4, 
  .list-layout .row .col-md-6, 
  .list-layout .row .col-sm-6{
    flex: 0 0 auto;
    width: 100% !important;
  }
  .sec-right-side{gap: 25px;}
  .deals-tabs .nav-link{padding: 8px 16px;}
  /* ------------ profile ------------------ */
  .profile-info-bx img{width: 60px; min-width: 60px; height: 60px;}
  /* edit profile */
  .field-grp{display: block;}
  .order-deal-bx .deal-txt{font-size: 15px;}
  .profile-header h2, .profile-modal h4 {font-size: 18px;}
  .wish-change-btn {font-size: 12px;}
  .form-btn {font-size: 14px;padding: 9px 18px;border-radius: 8px;}
  .usr-info-lft h4 {font-size: 18px;}
	.usr-info-lft p {font-size: 13px;}
	.profile-info-bx img {width: 60px;min-width: 60px;height: 60px;}
  .deal-dtls-body-top {flex-direction: column;gap: 10px;align-items: start;}
  .submitted-receipts-inner .order-deal-bx .deal-txt {font-size: 16px;}
.submitted-receipts-inner .order-deal-bx .time-deal {font-size: 12px;}
.approved-item, .approved-item-details,.panding-item, .pending-item-details,.rejected-item,.rejected-item-details {font-size: 12px;padding: 2px 8px;}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px)
{
  /* admin header */
  .header-right{gap: 18px;}
  /* create deal */
  .wizard-steps .line{display: none;}
  .wizard-steps{gap: 20px;}
  /* my deal */
  .sec-title-flx{align-items: flex-start; gap: 8px;}
  .sec-right-side{justify-content: space-between; width: 100%;}
  .deals-tabs .nav-link{padding: 5px 12px; font-size: 14px;}
  .deal-flx{flex-wrap: wrap; gap: 5px;}
  .list-layout .deal-box, .order-deal-bx{align-items: flex-start; gap: 10px;}
  .deal-prize span{font-size: 15px;}
  .deal-txt, .order-deal-bx .deal-txt{font-size: 14px;}
  .list-layout .deal-img-area img, .ordr-deal-img img, .prodct-deal-img img{width: 85px; min-width: 85px; height: 85px;}
  /* help support */
  .help-support-blog{width: 100%;}
  .btn-next, .add-prodct-btn, .main-btn {font-size: 14px;padding: 12px 30px;margin: 10px auto 0;border-radius: 12px;}
	.contact-bx h4 {font-size: 16px;}
  .contact-bx span {font-size: 14px;}

  .zb_map_area iframe {width: 317px;height: 317px;}
.zb_map_area {max-width: 370px;}


}
@media (max-width: 500px)
{
  /* order details */
  .order-details-blog .order-deal-bx{flex-flow: column;}
   .order-details-blog .ordr-deal-img{width: 100%;}
  .order-details-blog .ordr-deal-img img{width: 100%; min-width: 100%; height: auto;}
}



@media (max-width: 430px)
{
  /* order history */
  .search-order, .search-order .form-group{width: 100%;}
}