@media only screen and (max-width: 374px) and (min-width: 320px) {
  .container-fluid {
    padding: 0px 12px;
  }
  .btn_custom {
    background-color: var(--primary-color);
    width: 87px;
    height: 33px;
    color: var(--black-color);
    font-size: 11px;
  }
  .nav-pills .nav-link {
    font-size: 13px;
  }
  .taps .main_tabs {
    justify-content: center;
  }
  .tabs_btn .taps .main_tabs {
    justify-content: center;
  }
  .taps .tabs_btn {
    justify-content: center;
    margin: 17px 0px;
  }
  .taps .main_tabs .heading h1 {
    font-size: 18px;
  }
  .taps .tabs_content {
    margin-top: 10px;
  }
  .taps .tabs_content .card-img-top {
    height: 175px;
    object-fit: cover;
    padding: 4px;
    border-radius: 9px;
  }
  .card .card-body {
    padding-top: 5px;
    padding: 5px 5px;
  }

  .card .card-body h1 {
    font-size: 14px;
  }
  .card .card-text {
    margin-top: 8px;
    font-size: 11px;
  }
  .card .text-muted {
    margin: 5px 0px;
    font-size: 11px;
  }
  .featured_communities {
    margin-top: 30px;
  }
  .featured_communities .left_side .bottom_left .content h4,
  .featured_communities .right_side .bottom_left .content h4 {
    font-size: 25px;
  }
  .featured_communities .right_side_heading {
    margin-top: 30px;
  }
  .featured_communities .right_side_heading .heading {
    font-size: 18px;
  }
  .featured_communities .right_side_heading .btn_custom {
    width: 145px;
    height: 33px;
  }
  .featured_communities .left_second_side {
    margin-top: 19px;
  }
  .dream_home .left_side .heading {
    font-size: 19px;
    letter-spacing: 0px;
  }
  .springfield_properties .heading h1 {
    font-size: 18px;
  }
  .springfield_properties {
    margin: 0px 0px;
  }
  .dream_home {
    margin: 20px 0px;
  }
  .subscribe .margin_x {
    margin: 0px 0px;
  }
  .most_followed .heading h1 {
    font-size: 19px;
  }
  .most_followed .card .icon {
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .most_followed .card .card-body .card-title {
    font-size: 20px;
  }
  .most_followed .card .card-body h4 {
    font-size: 13px;
  }
  .most_followed .card .card-body .card-text {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
  }
  .meet_our_team {
    margin: 30px 0px;
  }
  .meet_our_team .heading h1 {
    font-size: 19px;
  }
  .meet_our_team .swiper .swiper-slide .name {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 600;
  }
  .meet_our_team .swiper .swiper-slide .positions {
    font-size: 12px;
  }
  .meet_our_team .swiper .swiper-slide .contact a {
    color: var(--black-color);
    text-decoration: none;
    font-size: 13px;
  }
  .meet_our_team .swiper .swiper-slide .contact a i {
    font-size: 13px;
  }
  .meet_our_team .swiper .swiper-slide .icon i {
    font-size: 19px;
  }
  .meet_our_team .swiper .swiper-slide .icon {
    background-color: #1e911e;
    padding: 7px 7px;
    border-radius: 7px;
    margin-top: 6px;
    color: var(--white-color);
  }
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
  .faq .heading h1 {
    font-size: 19px;
  }
  .faq {
    margin: 30px 0px;
  }
  .accordion-flush > .accordion-item > .accordion-header .accordion-button,
  .accordion-flush
    > .accordion-item
    > .accordion-header
    .accordion-button.collapsed {
    border-radius: 0;
    font-size: 12px;
  }
  .subscribe .border-rad {
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
    color: #fff;
    background-color: #f9a826;
    border-color: #f9a826;
    width: 86px;
    font-size: 12px;
    height: 34px;
  }
  .subscribe .form-control {
    display: block;
    height: 34px;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 52px;
  }
  .blogs .heading h1 {
    font-size: 18px;
  }
  .blogs .card-title {
    font-size: 15px;
    margin-top: 10px;
  }
  .blogs .published {
    font-size: 12px;
    text-align: end;
  }
  /* ---------------- properties-pages ------------------ */
  .banner .cardBanner .overley-color h1 {
    font-size: 20px;
    text-align: center;
  }
  .banner .cardBanner {
    min-height: 35vh;
  }
  .banner .cardBanner .overley-color {
    min-height: 35vh;
  }
  .wilds {
    margin-top: 30px;
  }
  .wilds .left_side h1 {
    font-size: 19px;
    margin-bottom: 6px;
  }
  .wilds .left_side p {
    font-size: 13px;
  }
  .wilds .right_side {
    margin-left: 0px;
    margin-top: 15px;
  }
  .wilds .right_side .price {
    margin-top: 9px;
    text-align: center;
  }
  .wilds .right_side .price h3 {
    font-size: 14px;
  }
  .wilds .right_side .two_btn .btn_custom {
    width: 203px;
  }
  .wilds .right_side hr {
    margin-top: 30px;
  }
  .mid_banner {
    margin-top: 30px;
  }
  .mid_banner .right_side h1 {
    font-size: 19px;
    line-height: 23px;
    margin-bottom: 10px;
    margin-top: 15px;
  }
  .mid_banner .right_side p {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .available_units .lift_side h1 {
    font-size: 19px;
  }
  .available_units {
    margin: 30px 0px;
    background-color: #000;
    color: var(--white-color);
    padding: 18px 0px;
  }
  .available_units .right_side .btn_custom {
    width: 130px;
  }
  .available_units .numbers {
    margin-top: 20px;
  }
  .available_units .numbers .table th {
    font-size: 15px;
  }
  .available_units .numbers .table td {
    font-size: 13px;
  }
  .payment_plan .cardBanner .overley-color h1 {
    font-size: 19px;
    margin-bottom: 0px;
    font-weight: 500;
    text-align: center;
  }
  .payment_plan .cardBanner .overley-color .box h1 {
    font-size: 25px;
    margin-bottom: 0px;
  }
  .payment_plan .cardBanner .overley-color .box p {
    font-size: 13px;
    line-height: 19px;
  }
  .payment_plan {
    margin: 30px 0px;
  }
  .photo_gallery .heading h1 {
    font-size: 19px;
  }
  .photo_gallery .gallery img {
    height: 141px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 9px;
  }
  .key_amenities {
    margin: 30px 0px;
  }
  .key_amenities .heading h1 {
    font-size: 19px;
  }
  .key_amenities .main_box {
    display: block;
    justify-content: space-between;
  }
  .key_amenities .main_box .box {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #d1d1d1;
    padding: 15px 0px;
  }
  .maps .heading h1 {
    font-size: 19px;
  }
  .arrive .one {
    border: 1px solid #d1d1d1;
    padding: 15px 0px;
    margin-bottom: 10px;
  }
  .invest {
    margin: 30px 0 0 0;
  }
  .invest .left_side h1 {
    font-size: 19px;
    line-height: 25px;
  }
  .invest .right_side p {
    text-align: justify;
    font-size: 14px;
    margin-top: 12px;
  }
  .invest .cards {
    margin: 30px 0px;
  }
  .about_developer .left_side h1 {
    font-size: 19px;
    margin-bottom: 15px;
  }
  .invest .cards .card .card-title span {
    margin-top: 10px;
  }
  .about_developer {
    margin: 30px 0px;
  }
}
@media only screen and (max-width: 426px) and (min-width: 375px) {
  .container-fluid {
    padding: 0px 15px;
  }
  .btn_custom {
    background-color: var(--primary-color);
    width: 87px;
    height: 33px;
    color: var(--black-color);
    font-size: 12px;
  }
  .taps .main_tabs {
    justify-content: center;
  }
  .tabs_btn .taps .main_tabs {
    justify-content: center;
  }
  .taps .tabs_btn {
    justify-content: center;
    margin: 17px 0px;
  }
  .taps .main_tabs .heading h1 {
    font-size: 19px;
  }
  .taps .tabs_content {
    margin-top: 10px;
  }

  .taps .tabs_content .card-img-top {
    height: 175px;
    object-fit: cover;
    padding: 4px;
    border-radius: 9px;
  }
  .card .card-body {
    padding-top: 5px;
    padding: 5px 5px;
  }

  .card .card-body h1 {
    font-size: 14px;
  }
  .card .card-text {
    margin-top: 8px;
    font-size: 11px;
  }
  .card .text-muted {
    margin: 5px 0px;
    font-size: 11px;
  }
  .featured_communities {
    margin-top: 30px;
  }
  .featured_communities .right_side_heading {
    margin-top: 30px;
  }
  .featured_communities .right_side_heading .heading {
    font-size: 19px;
  }
  .featured_communities .right_side_heading .btn_custom {
    width: 145px;
    height: 33px;
  }
  .featured_communities .left_second_side {
    margin-top: 19px;
  }
  .dream_home .left_side .heading {
    font-size: 19px;
    letter-spacing: 0px;
  }
  .springfield_properties .heading h1 {
    font-size: 19px;
  }
  .springfield_properties {
    margin: 0px 0px;
  }
  .dream_home {
    margin: 20px 0px;
  }
  .subscribe .margin_x {
    margin: 0px 0px;
  }
  .most_followed .heading h1 {
    font-size: 18px;
  }
  .most_followed .card .icon {
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .most_followed .card .card-body .card-title {
    font-size: 20px;
  }
  .most_followed .card .card-body h4 {
    font-size: 13px;
  }
  .most_followed .card .card-body .card-text {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
  }
  .meet_our_team {
    margin: 30px 0px;
  }
  .meet_our_team .heading h1 {
    font-size: 19px;
  }
  .meet_our_team .swiper .swiper-slide .name {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 600;
  }
  .meet_our_team .swiper .swiper-slide .positions {
    font-size: 12px;
  }
  .meet_our_team .swiper .swiper-slide .contact a {
    color: var(--black-color);
    text-decoration: none;
    font-size: 13px;
  }
  .meet_our_team .swiper .swiper-slide .contact a i {
    font-size: 13px;
  }
  .meet_our_team .swiper .swiper-slide .icon i {
    font-size: 19px;
  }
  .meet_our_team .swiper .swiper-slide .icon {
    background-color: #1e911e;
    padding: 7px 7px;
    border-radius: 7px;
    margin-top: 6px;
    color: var(--white-color);
  }
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
  .faq .heading h1 {
    font-size: 19px;
  }
  .faq {
    margin: 30px 0px;
  }
  .accordion-flush > .accordion-item > .accordion-header .accordion-button,
  .accordion-flush
    > .accordion-item
    > .accordion-header
    .accordion-button.collapsed {
    border-radius: 0;
    font-size: 12px;
  }
  .blogs .heading h1 {
    font-size: 19px;
  }
  .blogs .card-title {
    font-size: 15px;
    margin-top: 10px;
  }
  .blogs .published {
    font-size: 12px;
    text-align: end;
  }
  /* ---------------- properties-pages ------------------ */
  .banner .cardBanner .overley-color h1 {
    font-size: 20px;
    text-align: center;
  }
  .banner .cardBanner {
    min-height: 35vh;
  }
  .banner .cardBanner .overley-color {
    min-height: 35vh;
  }
  .wilds {
    margin-top: 30px;
  }
  .wilds .left_side h1 {
    font-size: 19px;
    margin-bottom: 6px;
  }
  .wilds .left_side p {
    font-size: 13px;
  }
  .wilds .right_side {
    margin-left: 0px;
    margin-top: 15px;
  }
  .wilds .right_side .price {
    margin-top: 9px;
    text-align: center;
  }
  .wilds .right_side .price h3 {
    font-size: 14px;
  }
  .wilds .right_side .two_btn .btn_custom {
    width: 218px;
  }
  .wilds .right_side hr {
    margin-top: 30px;
  }
  .mid_banner {
    margin-top: 30px;
  }
  .mid_banner .right_side h1 {
    font-size: 19px;
    line-height: 23px;
    margin-bottom: 10px;
    margin-top: 15px;
  }
  .mid_banner .right_side p {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .available_units .lift_side h1 {
    font-size: 19px;
  }
  .available_units {
    margin: 30px 0px;
    background-color: #000;
    color: var(--white-color);
    padding: 18px 0px;
  }
  .available_units .right_side .btn_custom {
    width: 130px;
  }
  .available_units .numbers {
    margin-top: 20px;
  }
  .available_units .numbers .table th {
    font-size: 15px;
  }
  .available_units .numbers .table td {
    font-size: 13px;
  }
  .payment_plan .cardBanner .overley-color h1 {
    font-size: 19px;
    margin-bottom: 0px;
    font-weight: 500;
    text-align: center;
  }
  .payment_plan .cardBanner .overley-color .box h1 {
    font-size: 25px;
    margin-bottom: 0px;
  }
  .payment_plan .cardBanner .overley-color .box p {
    font-size: 13px;
    line-height: 19px;
  }
  .payment_plan {
    margin: 30px 0px;
  }
  .photo_gallery .heading h1 {
    font-size: 19px;
  }
  .photo_gallery .gallery img {
    height: 141px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 9px;
  }
  .key_amenities {
    margin: 30px 0px;
  }
  .key_amenities .heading h1 {
    font-size: 19px;
  }
  .key_amenities .main_box {
    display: block;
    justify-content: space-between;
  }
  .key_amenities .main_box .box {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #d1d1d1;
    padding: 15px 0px;
  }
  .maps .heading h1 {
    font-size: 19px;
  }
  .arrive .one {
    border: 1px solid #d1d1d1;
    padding: 15px 0px;
    margin-bottom: 10px;
  }
  .invest {
    margin: 30px 0 0 0;
  }
  .invest .left_side h1 {
    font-size: 19px;
    line-height: 25px;
  }
  .invest .right_side p {
    text-align: justify;
    font-size: 14px;
    margin-top: 12px;
  }
  .invest .cards {
    margin: 30px 0px;
  }
  .about_developer .left_side h1 {
    font-size: 19px;
    margin-bottom: 15px;
  }
  .invest .cards .card .card-title span {
    margin-top: 10px;
  }
  .about_developer {
    margin: 30px 0px;
  }
  .subscribe .margin_x {
    margin: 0px 90px;
  }
}

@media only screen and (max-width: 320px) {
  .mobile_menu .menu li a i {
    font-size: 18px;
  }
  .mobile_menu .menu li a p {
    margin-top: -5px;
    margin-bottom: 0px;
    font-size: 11px;
  }
  .search {
    margin-bottom: auto;
    height: 30px;
    background-color: #fff;
    padding: 3px 3px;
    border-radius: 4px;
  }

  .swiper-horizontal > .swiper-scrollbar,
  .swiper-scrollbar.swiper-scrollbar-horizontal {
    background-color: var(--bg-color);
    margin-left: 8px;
    width: 293px;
  }
  .swiper-scrollbar-drag {
    background-color: var(--white-color);
  }

  .swiper-horizontal > .swiper-scrollbar,
  .swiper-scrollbar.swiper-scrollbar-horizontal {
    background-color: var(--bg-color);
    margin-left: 8px;
    width: 293px;
    display: block;
  }
  .owl-theme .owl-dots {
    margin-top: opx;
  }
  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--primary-color);
  }
  .footer .mid_side h4,
  .footer .right_side h4 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 13px;
    background-color: var(--secondary-color);
    padding: 8px 5px;
    border-radius: 3px;
  }
  .footer_bottom .left_side p {
    text-align: center;
    margin-top: 5px;
  }
  .footer_bottom .mid_side .centerdiv {
    margin-bottom: 10px;
  }
  .footer_bottom .right_side {
    margin-bottom: 10px;
  }
  .footer_bottom {
    margin-bottom: 50px;
    padding-bottom: 10px;
  }
 
}

@media only screen and (max-width: 425px) and (min-width: 321px) {
  .swiper-horizontal > .swiper-scrollbar,
  .swiper-scrollbar.swiper-scrollbar-horizontal {
    background-color: var(--bg-color);
    margin-left: 8px;
    width: 293px;
    display: block;
  }

  .swiper-horizontal > .swiper-scrollbar,
  .swiper-scrollbar.swiper-scrollbar-horizontal {
    background-color: var(--bg-color);
    margin-left: 8px;
    width: 94%;
  }
  .swiper-scrollbar-drag {
    background-color: var(--white-color);
  }

  .container-fluid {
    padding: 0px 12px;
  }
  .search {
    margin-bottom: auto;
    height: 33px;
    padding: 4px 7px;
  }
  .slider .swiper {
    width: 100%;
    height: 200px;
  }
  .slider .item {
    height: 200px;
  }
  .slider .owl-prev,
  .slider .owl-next {
    position: absolute;
    top: 37%;
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
    font-size: 14px !important;
    width: 16px;
    border-radius: 6%;
    height: 27px;
  }

  .owl-theme .owl-dots {
    margin-top: 13px;
  }
  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--primary-color);
  }
  .footer .mid_side h4,
  .footer .right_side h4 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 13px;
    background-color: var(--secondary-color);
    padding: 8px 5px;
    border-radius: 3px;
  }
  .footer_bottom .left_side p {
    text-align: center;
    margin-top: 5px;
  }
  .footer_bottom .mid_side .centerdiv {
    margin-bottom: 10px;
  }
  .footer_bottom .right_side {
    margin-bottom: 10px;
  }
  .footer_bottom {
    margin-bottom: 55px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 768px) and (min-width: 426px) {
  .top_header .center_side marquee {
    margin-bottom: -6px;
  }
  .shipping_sec .free_shipping img {
    height: 46px;
    margin-right: 10px;
    width: 54px;
  }
  .owl-theme .owl-dots {
    margin-top: 13px;
  }
  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--primary-color);
  }
  .brands .logos img {
    border-radius: 50%;
    height: 100px;
    object-fit: cover;
  }
}