@media screen and (min-width: 2560px) {
  #doctor-image {
    width: 586px;
    height: 610px;
    right: 18%;
  }
  .dfs-home-section-bg {
    background-image: url(https://clinix365.com/img/blue-bg-wide.webp);
    background-position-y: 50%;
  }
  .wide-flex-column {
    display: flex;
    flex-direction: column;
  }
  .wide-jc-c {
    justify-content: center;
  }
  .wide-align-items-center {
    align-items: center;
  }
  .wide-bg-smoke {
    background-color: #f5f8fd;
  }
  .dfs-plan-container {
    max-width: 1350px;
  }
  .dfs-mr-50 {
    margin-right: 100px;
  }
  .dfs-mr-60 {
    margin-right: 150px;
  }
  .dfs-mr-130 {
    margin-right: 200px;
  }
  .dfs-pr-90,
  .dfs-pr-100 {
    padding-right: 200px;
  }
  .dfs-pl-90,
  .dfs-pr-100 {
    padding-left: 200px;
  }
  .dfs-width-1000 {
    width: 1500px;
  }
  .query-pl-home {
    padding-left: 24%;
  }
  .query-ml-home {
    margin-left: 18%;
  }
}
@media screen and (min-width: 1600px) {
  .wide-flex-column {
    display: flex;
    flex-direction: column;
  }
  .wide-align-items-center {
    align-items: center !important;
  }
  .wide-jc-c {
    justify-content: center;
  }
}
@media screen and (max-width: 1400px) {
  .dfs-width-1000 {
    width: 800px;
  }
  /* .dfs-plan-container {
    max-width: 761px;
  } */
  #doctor-image {
    width: 350px;
    height: auto;
  }
  /* #rectangle-container {
    display: flex;
  } */
  #tab-img {
    width: 270px;
    height: 360px;
    margin-right: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .dfs-home-section-bg {
    background-image: url(https://clinix365.com/img/blue-bg-mobile.webp);
    background-position-y: 30%;
  }
  .dfs-width-50p {
    width: 100%;
  }
  #desktop-menu,
  #login-img {
    display: none;
  }
  #mobile-menu-button,
  #mobile-menu {
    display: block;
  }
  .dfs-plan-container {
    max-width: 350px;
  }
  .dfs-width-1000 {
    width: 500px;
  }
  .tablet-service-container {
    width: 100%;
  }
  .tablet-service-img {
    width: 270px;
    height: 360px;
  }
  .tablet-display-none {
    display: none;
  }
  .tablet-display-block {
    display: block;
  }
  .tablet-flex-column {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .query-tablet-center {
    justify-content: center;
    margin-top: 30px;
  }
  .tablet-flex-row {
    flex-direction: row;
  }
  .tablet-align-items-center {
    align-items: center;
  }
  .tablet-pr-0 {
    padding-right: 0 !important;
  }
  .tablet-pl-0 {
    padding-left: 0 !important;
  }
  .tablet-mr-0 {
    margin-right: 0 !important;
  }
  .tablet-mr-15 {
    margin-right: 15px;
  }
  .tablet-mb-15 {
    margin-bottom: 15px;
  }
  .tablet-mb-30 {
    margin-bottom: 30px;
  }
  .tablet-mb-50 {
    margin-bottom: 50px;
  }
  .tablet-mb-60 {
    margin-bottom: 60px;
  }
  .tablet-mb-80 {
    margin-bottom: 80px;
  }
  .tablet-pt-40 {
    padding-top: 40px;
  }
  .tablet-pr-30 {
    padding-right: 30px;
  }
  .tablet-pb-100 {
    padding-bottom: 100px;
  }
  .tablet-pb-300 {
    padding-bottom: 300px;
  }
  html,
  body {
    font-size: 14px;
  }
  input {
    font-size: 14px;
    width: 290px;
    height: 50px;
  }
  .dfs-form {
    width: 350px;
    height: 740px;
  }
  .dfs-input {
    width: 290px;
    height: 50px;
    font-size: 12px;
  }
  .dfs-input-login {
    width: 260px;
    height: 38px;
  }
  .dfs-input-textarea {
    width: 290px;
    height: 180px;
    font-size: 12px;
  }
  .dfs-input-checkbox {
    width: 16px;
    height: 16px;
  }
  .dfs-outlie-button-login,
  .dfs-blue-button-login {
    width: 290px;
  }
  .dfs-display-none {
    display: inline-flex;
  }
  .dfs-text-blue-gradient {
    background: none;
    color: #2262e7;
    -webkit-text-fill-color: initial;
  }
  .dfs-text-gray-gradient {
    background: none;
    color: #c2d2e6;
    -webkit-text-fill-color: initial;
  }
  .dfs-font-s-20,
  .dfs-font-s-24 {
    font-size: 16px;
  }
  .dfs-font-s-26 {
    font-size: 20px;
  }
  .dfs-font-s-28 {
    font-size: 16px;
  }
  .dfs-font-s-32 {
    font-size: 20px;
  }
  .dfs-font-s-36 {
    font-size: 28px;
  }
  .dfs-font-s-40 {
    font-size: 20px;
  }
  .dfs-font-s-44,
  .dfs-font-s-48 {
    font-size: 28px;
  }
  .dfs-font-s-52 {
    font-size: 32px;
  }
  .dfs-font-s-56 {
    font-size: 36px;
  }
  .dfs-font-s-64 {
    font-size: 44px;
  }
  .dfs-pt-20 {
    padding-top: 10px;
  }
  .dfs-pt-60 {
    padding-top: 40px;
  }
  .dfs-pt-70,
  .dfs-pt-90,
  .dfs-pt-110,
  .dfs-pt-130,
  .dfs-pt-160 {
    padding-top: 60px;
  }
  .dfs-pr-40,
  .dfs-pr-50,
  .dfs-pr-60 {
    padding-right: 20px;
  }
  .dfs-pr-80,
  .dfs-pr-90,
  .dfs-pr-100 {
    padding-right: 30px;
  }
  .dfs-pb-20 {
    padding-bottom: 10px;
  }
  .dfs-pb-60,
  .dfs-pb-80 {
    padding-bottom: 40px;
  }
  .dfs-pb-100 {
    padding-bottom: 50px;
  }
  .dfs-pb-160 {
    padding-bottom: 100px;
  }
  .dfs-pb-140 {
    padding-bottom: 30px;
  }
  .dfs-pl-40,
  .dfs-pl-50,
  .dfs-pl-60 {
    padding-left: 20px;
  }
  .dfs-pl-80,
  .dfs-pl-90,
  .dfs-pl-100 {
    padding-left: 30px;
  }
  .dfs-mr-70,
  .dfs-mr-130 {
    margin-right: 30px;
  }
  .dfs-mb-130 {
    margin-bottom: 50px;
  }
  .dfs-width-295 {
    width: 255px;
  }
  .dfs-height-223 {
    height: 183px;
  }
  .dfs-white-button {
    width: 200px;
  }
  .dfs-blue-button-input {
    font-size: 14px;
  }
  .dfs-outline-button {
    font-size: 16px;
    font-weight: 600;
    padding: 20px 15px;
    width: 300px;
    text-align: center;
  }
  .tablet-translateX-50 {
    top: 5px;
    transform: translate(-50px);
  }
  #clinix-head-logo {
    width: 41px;
    height: 31px;
  }
  #clinix-footer-logo {
    width: 59px;
    height: 48px;
  }
  #doctor-image {
    width: 250px;
    height: auto;
  }
  #send-icon {
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 810px) {
  .dfs-width-1000 {
    width: 320px;
  }
}
@media screen and (max-width: 376px) {
  .dfs-width-1000 {
    width: 220px;
  }
  .dfs-plan-card,
  .dfs-plan-container,
  #plan-card-img,
  .dfs-form {
    width: 280px;
  }
  input {
    width: 220px;
  }
  .dfs-input,
  .dfs-input-textarea {
    width: 230px;
  }
  .dfs-width-380 {
    width: 280px;
  }
  .dfs-min-width-380 {
    min-width: 280px;
  }
}