/* Normal desktop :1200px. */
@media (max-width: 1700px) {
   .hero-object-1 {
      left: 10%;
   }

   .hero-object-2 {
      right: 10%;
      bottom: 28%;
   }

   .about-object-1 {
      left: 12%;
   }

   .find-object-1 {
      top: -72px;
   }

   .find-object-2 {
      right: 10%;
   }
}

/* Normal desktop :992px. */
@media (min-width: 1200px) and (max-width: 1700px) {
   .container {
      max-width: 1095px;
   }
}

/* Normal desktop :992px. */
@media (max-width: 1199.99px) {
   h1 {
      font-size: 52px;
   }

   .hero-object-1 {
      left: 5%;
      width: 146px;
   }

   .hero-object-2 {
      right: 5%;
      width: 171px;
   }

   .works-item-img img {
      max-width: 280px;
      max-height: 340px;
   }

   .works-item {
      max-width: 700px;
   }

   .works-item:nth-child(1) .works-line-1 {
      max-width: 28%;
      height: 255px;
   }

   .works-item:nth-child(2) .works-line-2 {
      left: 20%;
      max-width: 34%;
      height: 229px;
   }

   .works-item:nth-child(3) .works-line-3 {
      max-width: 32%;
      height: 255px;
   }

   /*  */
   .all-properties-wrap {
      grid-column-gap: 40px;
      grid-row-gap: 35px;
   }

   .psa-single {
      padding: 14px 4px;
      font-size: 11px;
   }

   .psa-single .icon {
      width: 16px;
      margin: 0 10px 0 0;
   }

   .property-s-actions {
      padding: 4px 20px;
   }

   .property-details-side-column .top-button {
      margin: 0 0 42px;
   }

   .property-details-side-column {
      width: 200px;
      margin-left: 50px;
   }

   .pdmc-nav {
      margin: 0 0 30px;
   }

   .pdmc-m-inner {
      padding: 20px 30px;
   }

   .pdmc-nav ul li a {
      font-size: 13px;
   }

   .pdmc-box .title h4 {
      font-size: 13px;
      margin: 0 0 13px;
   }

   .pdmc-d1-row .single h4 {
      font-size: 16.5px;
      margin: 0 0 2px;
   }

   .pdmc-d1-row .single p {
      font-size: 11px;
   }

   .pdmc-d1-row {
      padding: 8px 0;
      --inner-space: 25px;
   }

   .fill-xt-outer h4 {
      font-size: 15px;
      margin: 0 0 11px;
   }

   .fill-xt-outer {
      margin: 30px 0 0;
   }

   .pdmc-sf-single h4 {
      font-size: 12px;
      margin: 0 0 9px;
   }

   .pdmc-sf-single p {
      font-size: 11px;
      line-height: 1.7;
   }

   .pdmc-sf-single h4 .icon {
      margin: 0 7px 0 0;
      width: 20px;
   }

   .pdmc-sf-single {
      padding: 0 0 20px;
      margin: 0 0 21px;
   }

   .pdmc-box {
      margin-bottom: 35px;
   }

   .pdmc-lct-single .top h4 {
      font-size: 15.5px;
   }

   .pdmc-lct-single .top h5 {
      font-size: 13px;
   }

   .pdmc-lct-single p {
      font-size: 13px;
   }

   .pdmc-lct-single .top .icon {
      width: 18px;
      margin: 0 8px 0 0;
   }

   .pdmc-lct-single .top {
      margin: 0 0 2px;
   }

   .pdmc-lct-single {
      margin: 0 0 25px;
   }

   .pdmc-lct-wrap {
      padding: 13px 12px 13px 3px;
   }

   .pdmc-mkt-wrap {
      padding: 20px 0 12px;
      --inner-space: 17px;
      margin: 0 -18px;
   }

   .form-fill-side-inner {
      max-width: 448px;
      padding: 40px 0 40px 50px;
   }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199.99px) {
   .container {
      max-width: 920px;
   }
}

/* Tablet desktop :768px. */
@media (max-width: 991px) {
   .hero-padding {
      padding-top: 56px;
      padding-bottom: 65px;
   }

   .hero-object-1 {
      display: none;
   }

   .mission-card {
      max-width: 400px;
      margin: 0 auto;
      margin-bottom: 23px;
      background-color: #fff;
   }

   .mission-card.active {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
   }

   .mission-area .section-title {
      margin-bottom: 34px;
   }

   .works-line-1,
   .works-line-2,
   .works-line-3,
   .works-line-4 {
      display: none;
   }

   .works-item-img {
      order: 1;
      width: 100%;
      margin-bottom: 30px;
      height: 250px;
   }

   .works-item-content {
      order: 2;
      width: 100%;
      padding-left: 77px;
   }

   .works-count {
      position: absolute;
      left: 0px !important;
      top: 0px !important;
   }

   .works-item {
      max-width: 600px;
      flex-wrap: wrap;
      margin: 0 auto;
      position: relative;
   }

   .works-item-img img {
      max-width: 280px;
      max-height: 250px;
   }

   .works-item::after {
      position: absolute;
      left: 25px;
      top: 280px;
      width: 2px;
      background-image: url('../img/long-line.png');
      content: "";
      height: 100%;
   }

   .works-item:last-child::after {
      display: none;
   }

   .find-object-1 {
      top: -72px;
      display: none;
   }

   .find-object-2 {
      right: 10%;
      top: 0;
      max-width: 140px;
   }

   .works-padding {
      padding-top: 50px;
      padding-bottom: 65px;
   }

   .find-padding {
      padding-top: 50px;
      padding-bottom: 65px;
   }

   .footer-top {
      padding-top: 50px;
      padding-bottom: 28px;
   }

   .footer-location {
      margin-bottom: 50px;
   }

   .find-custom-width {
      overflow-x: scroll;
      scrollbar-width: none;
   }

   .find-custom-width>.row {
      width: 952px;
   }

   .main-wrapper {
      overflow-x: hidden;
   }

   .main-wrapper {
      transition: .3s;
      -webkit-transition: .3s;
      -moz-transition: .3s;
      -ms-transition: .3s;
      -o-transition: .3s;
   }

   .main-wrapper.active {
      background-color: #142C4B;
   }

   .main-wrapper.active .inner-wrapper {
      margin-left: -212px;
      width: 100%;
      height: 100%;
      margin-top: 60px;
      box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.06);
      border-radius: 33.5453px;
      overflow-y: scroll;
      transition: .3s;
      background-color: #fff;
      -webkit-transition: .3s;
      -moz-transition: .3s;
      -ms-transition: .3s;
      -o-transition: .3s;
   }

   .main-wrapper.active header.header {
      border-top-right-radius: 33.5453px;
      
   }
   .main-wrapper.active header.header.sticky {
      border-radius: 0px;
   }
   .main-wrapper.active header.header.sticky.bg-white {
      left: -212px;
   }

   .m-shapes.active::after,
   .m-shapes.active::before {
      position: fixed;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 60px;
      background-color: #142C4B;
      content: "";
      z-index: 12;
   }

   .m-shapes.active::after {
      top: auto;
      bottom: 0px;
   }

   .header {
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      z-index: 12;
   }

   .main-wrapper.active .header {
      left: -212px;
      top: 60px;
   }

   .hero-padding {
      padding-top: 96px;
      padding-bottom: 98px;
   }

   /*  */
   .all-properties-wrap {
      grid-template-columns: repeat(1, 1fr);
   }

   .prop-shape {
      display: none;
   }

   .sgl-properties.mbl-first {
      grid-row-start: 1;
   }

   .properties-top {
      flex-wrap: wrap;
   }

   .properties-top .right {
      width: 100%;
      order: -1;
      margin: 0 0 26px;
      flex-wrap: wrap;
   }

   .properties-top .left {
      width: 100%;
   }

   .properties-top {
      margin: 0 0 30px;
   }

   .properties-top .right .ind-select {
      width: 100%;
      margin-right: 0;
      margin-bottom: 15px;
   }

   .property-details-title .left {
      width: 65%;
   }

   .property-details-title .left h2 {
      margin: 0 0 0px;
      -webkit-line-clamp: 1;
      line-clamp: 1;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      transition: .3s ease;
      -webkit-box-orient: vertical;
      overflow: hidden;
   }

   .property-details-row {
      flex-wrap: wrap;
   }

   .property-details-side-column {
      order: -1;
      width: 100%;
      margin-left: 0px;
   }

   .property-details-row {
      margin: 20px 0 0;
   }

   .property-details-side-column .top-button {
      margin: 0 0 15px;
   }

   .property-s-actions {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
   }

   .psa-single {
      border-bottom: 1px solid rgba(245, 245, 245, 0.25);
      border-right: 1px solid rgba(245, 245, 245, 0.25);
      width: 50%;
      padding: 18px 13px;
   }

   .property-details-main-column {
      padding: 25px 0 0;
   }

   .pdmc-box {
      border: 1px solid #E4E4E4;
      border-radius: 4px;
   }

   .pdmc-box-m {
      border-radius: 0;
      border: none;
   }

   .pdmc-box .title {
      padding: 23px 15px;
      display: flex;
      justify-content: space-between;
   }

   .pdmc-box .title h4 {
      font-size: 13px;
      margin: 0;
   }

   .pdmc-box .title .ind-icon {
      font-size: 14px;
      line-height: 1;
   }

   .pdmc-box .title .ind-icon::before {
      content: '\f078';
      font-family: "Font Awesome 5 Pro";
      font-weight: 400;
   }

   .pdmc-m-inner {
      padding: 0px 17px 20px;
   }

   .fill-xt-outer h4 .mbl-clr {
      color: #E83E8C;
   }

   .fill-xt {
      height: 23px;
   }

   .pdmc-d1-row .single {
      text-align: center;
   }

   .pdmc-sf-wrap {
      padding: 3px 0 7px;
   }

   .pdmc-location-b-outer {
      flex-wrap: wrap;
   }

   .pdmc-location-b-outer .pdmc-m-inner {
      width: 100%;
   }

   .pdmc-location-b-outer .map {
      width: 100%;
      padding: 0 17px 17px;
   }

   .pdmc-lct-wrap {
      padding: 4px 0px 13px 0px;
   }

   .pdmc-location-b-outer .map {
      height: 300px;
   }

   .pdmc-mkt-wrap {
      padding: 15px 0 0px;
      --inner-space: 30px;
      margin: 0 0px;
      width: calc(100% + 36px);
      margin-left: -18px;
   }

   .pdmc-box {
      margin-bottom: 20px;
   }

   .desk-img-side {
      display: none;
   }

   .form-section-inner {
      min-height: 0;
   }

   .form-section-inner {
      /* padding: 0 12px; */
      /* max-width: 720px; */
      margin: 0 auto;
   }

   .form-mbl-bg .inner-wrapper {
      background: url('../img/form/form-side-bg.png') no-repeat center center/cover;
      color: #fff;
   }

   .form-fill-side {
      margin: 0 auto;
      /* max-width: 448px; */
      width: 100%;
   }

   .form-fill-side-inner {
      max-width: 100%;
      width: 100%;
      padding: 0px 0 00px 0px;
      margin: 0 auto;
   }

   .form-sss {}

   .form-sss .form-inner {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
   }

   .form-in-cont-p {
      margin: 0 auto;
      max-width: 448px;
      width: 100%;
   }

   .form-sss .form-main {
      padding: 60px 15px 0;
      border-radius: 8px 8px 0 0;
      background: rgba(255, 255, 255, 0.219);
      flex-grow: 1;
      display: flex;
      flex-direction: column;
   }

   .form-sss .form-main .form-in-cont-p {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
   }

   .form-sss .form-bottom {
      margin: auto 0;
      padding: 30px 0;
   }

   .form-sss .submit-button {
      margin-top: auto;
   }

   .form-sss .bt-sde {
      margin-bottom: auto;
   }

   .form-sss .form-title {
      margin: 40px 15px 12px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      min-height: 25vh;
   }

   .form-mbl-bg .form-sss .form-title {
      text-align: center;
   }

   .form-mbl-bg .form-sss .form-title * {
      color: #fff !important;
   }

   .form-mbl-bg .label-x {
      color: #fff;
   }

   .form-mbl-bg .bt-sde {
      color: #fff;
   }
}

/* small mobile :320px. */
@media (max-width: 767px) {
   h1 {
      font-size: 32px;
   }

   p {
      font-size: 13px;
      line-height: 1.5;
   }

   h6 {
      font-size: 14px;
   }

   .hero-content h1 {
      line-height: 45px;
   }

   .hero-content p {
      color: #A9A9A9;
      font-size: 13px;
      line-height: 22px;
   }

   .hero-object-2 {
      right: 1%;
      width: 84px;
      top: 31%;
   }

   .hero-content a.op-btn.op-btn.op-btn-blue {
      padding: 13px 39px;
      font-size: 14px;
   }

   .hero-padding {
      padding-top: 96px;
      padding-bottom: 98px;
   }

   .mission-padding {
      padding-top: 33px;
      padding-bottom: 15px;
   }

   .mission-card {
      box-shadow: 0px 3.66716px 36.6716px rgba(0, 0, 0, 0.06);
      border-radius: 3.66716px;
      border: none;
   }

   .missing-card-content p.large-text {
      font-size: 13px !important;
   }

   .about-object-1 {
      display: none;
   }

   .about-padding {
      padding-top: 35px;
      padding-bottom: 40px;
   }

   .about-area .section-title {
      margin-bottom: 38px;
   }

   .works-padding {
      padding-top: 30px;
      padding-bottom: 40px;
   }

   .works-count {
      line-height: 31px;
      height: 30px;
      width: 30px;
      font-size: 13px;
   }

   .works-item::after {
      left: 16px;
      top: 280px;
   }

   .works-item-content {
      padding-left: 40px;
   }

   .works-item-img img {
      max-width: 207px;
      max-height: 240px;
   }

   .works-item-img {
      height: 240px;
      display: flex;
      align-items: center;
      padding-left: 30px;
   }

   .works-item:nth-child(2) .works-item-img,
   .works-item:nth-child(4) .works-item-img {
      justify-content: flex-end;
   }

   .find-object-2 {
      right: 3%;
      top: 0;
      max-width: 101px;
   }

   .find-padding {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .find-area .section-title {
      margin-bottom: 34px;
   }

   .find-custom-width>.row {
      width: 697px;
   }

   .find-info-head h4 {
      font-size: 25px;
   }

   .find-info-item span {
      font-size: 11px !important;
   }

   .find-info {
      height: 460px;
      padding: 27px 15px 24px;
   }

   .large-text {
      font-size: 15px !important;
   }

   .find-img img {
      height: 460px;
   }

   .button-link li a.large-text {
      padding: 12px 6px;
   }

   .button-link li a {
      font: 16px;
      color: #142C4B;
      padding: 16px 15px;
   }

   .join-padding {
      padding-top: 34px;
      padding-bottom: 40px;
   }

   .join-area .section-title {
      margin-bottom: 45px;
   }

   .link-with-icon li a {
      font-size: 15px;
   }

   .social-box.socila-round a {
      height: 48px;
      width: 48px;
   }

   .help-center {
      margin-bottom: 27px;
   }

   .faq-padding {
      padding-top: 50px;
      padding-bottom: 50px;
   }

   .faq.accordion .accordion-button {
      font-size: 14px;
      padding-left: 47px;
   }

   .faq.accordion .accordion-button span.acc-count {
      position: absolute;
      left: 0px;
   }

   .faq.accordion .accordion-body {
      padding-left: 47px;
   }

   .faq.accordion .accordion-button {
      padding: 15.5px 12px;
      padding-left: 47px;
   }

   .faq-area .section-title {
      margin-bottom: 41px;
   }

   .footer-social a {
      height: 50px;
      width: 50px;
   }

   .footer-bottom .container {
      padding-right: 0px !important;
   }

   .footer-copy.ps-lg-4 {
      flex: 0 0 auto;
      width: 41%;
   }

   .footer-contact-item {
      position: relative;
      padding-left: 24px;
   }

   .footer-shedule {
      margin-top: 23px;
      padding-left: 22px;
   }

   .contact-form {
      padding: 34px 30px;
   }

   /*  */
   .properties-section {
      padding: 27px 0 50px;
   }

   .pagination ul li a {
      font-size: 13px;
   }

   .pagination ul li a.active {
      font-size: 14px;
   }

   .pagination-section {
      padding: 20px 0 18px;
   }

   .property-details-title .left h2 {
      font-size: 16px;
      margin: 0 0 3px;
   }

   .property-details-title .right h3 {
      font-size: 18px;
      margin: 0 0 3px;
   }

   .location-x {
      font-size: 11px;
   }

   .pdmc-d1-row {
      --item: 2;
   }

   .pdmc-mkt-wrap {
      --item: 1;
   }

   .property-details-section {
      padding: 27px 0 55px;
   }

   .property-details-side-column {
      padding-top: 0px;
   }

   .form-in-cont-p {
      max-width: 370px;
   }

   .input-otp-wrap {
      --inner-space: 20px;
   }
}

/* Large Mobile :480px. */
@media only screen and (min-width: 375px) and (max-width: 767px) {
   .container {
      padding: 0px 24px;
   }
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
   .container {
      width: 450px
   }
}