@media (min-width: 1201px) {
     .apartments-rent-content h2 {
         max-width: 80%;
     }





 }


 @media (min-width: 901px) {
     .nav>li:hover .submenu {
         display: flex;
     }



 }


 /* Responsive Design */
 @media screen and (max-width: 1301px) {
     .property-icon1 span {
         font-size: 12px;
     }

     .appart-details-list1 h4 {
         font-size: 14px;
     }
.property-grid.to-colum.main-appart.search-flex {
    padding: 0px 20px;
} 
  


 }  


 @media screen and (max-width: 1201px) {
     .footer-links {
         gap: 40px;
     }

     .footer-col {
         flex: 1 1 45%;
     }

     .nav {
         gap: 28px;
         margin-left: 0px;
     }

     .ronning-apartments-header h2 {
         font-size: 34px;
         padding-bottom: 30px;
     }

     .to-colum .property-content h3,
     .to-colum .property-content p {
         padding-left: 6px;
         padding-right: 6px;
     }

     .to-colum .property-icons {
         padding: 10px 10px;
         flex-wrap: wrap;
         gap: 5px;
     }

     .tab {
         padding: 10px 5px;
         margin-right: 10px;
         border-bottom: 2px solid transparent;
         font-size: 14px;
     }

     .near-by-btns a {
         gap: 4px;
         padding: 22px 5px;
         font-size: 14px;
     }

     .appart-details-list {
         flex-wrap: wrap;
         gap: 10px;
     }

     .appart-details-list1 {
         width: 45%;
     }
   .property-grid.to-colum.main-appart.search-flex {
        padding: 0px 0px;
    }
	 

	 .beginning-text-img{
		 padding-top:60px;
	 }

.ronning-about-image img {
    width: 100%;
}

.ronning-about-content {
    margin: 0;
}
	 
	 .home-banner-content h1 img {
    position: relative;
    top: 18px;
}
	 .discover-properties-header p>br, .home-contact-sub1 p>br {
    display: none;
}
	 
	 .home-bar-1-flex.on-filter-1 {
    margin-top: 0px;
}

.filter-bar-f2 {
    padding-top: 40px;
}
	 
	 .lot-main-sec1 .flex-short-bt {
    position: unset;
}

.lot-main-sec1 .home-bar-1-flex.on-filter-1 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.lot-main-sec1 .home-bar-1-flex.on-filter-1 .filter-bar-f2 {
    padding: unset;
}
	 .post-type-archive-homes .filter-bar-f2 {
    padding: unset;
}
	 
	 .post-type-archive-apartments .filter-bar-f2 {
    padding-top: 0;
}
	 
	 .testimonial-card h3 {
    width: 80%;
}
	 img.quote-icon {
    width: 60px !important;
    height: 60px;
    right: 0px;
}
	 .discover-properties-flex {
    row-gap: 80px;
}
	 section.discover-properties {
    padding-bottom: 140px;
}
	 
	 .property-grid.to-colum.main-appart.search-flex {
    gap: 12px;
}
.legend {
    gap: 8px !important;
}
	 .legend-item {
    font-size: 12px;
}
	 
	 .legend {
    width: 90% !important;
    flex-wrap: wrap;
    gap: 20px !important;
    padding: 16px;
}

 }



 @media (max-width: 900px) {
	


     .mobile-nav {
         display: block;
     }

     .hamburger-menu {
         display: none;
         flex-direction: column;
         padding: 20px;
         background: white;
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100vh;
         overflow-y: auto;
         z-index: 999;
     }

     .hamburger-menu a,
     .hamburger-menu .nav>li>a {
         font-size: 16px;
         padding: 10px 0;
         border-bottom: unset;
         display: block;
     }

     .submenu-mobile {
         display: none;
         flex-direction: column;
     }

     .submenu-mobile a {
         font-size: 14px;
         padding: 10px;
     }

     .submenu-open .submenu-mobile {
         display: flex;
     }

     .nav {
         flex-direction: column;
         gap: 0;
         padding-top: 10px;
     }

     .main-bar {
         display: none;
         /* hide main nav bar on mobile */
     }

     .submenu-mobile {
         display: none;
         flex-direction: column;
     }

     .has-submenu.submenu-open .submenu-mobile {
         display: flex;
     }

     .top-bar {
         padding: 10px 10px;
     }

     .login-btn {
         padding: 10px 20px;
         font-size: 14px;
     }

     .hamburger {
         width: 22px;
         height: 22px;
     }

     .top-logo img {
         max-width: 160px;
     }

     .top-logo {
         left: 55%;
     }

     .nav {
         margin-left: 0px;
     }

     .footer-top {
         flex-direction: column;
     }

     .footer-links {
         gap: 20px;
         flex-wrap: wrap;
     }



     .footer-social {
         display: flex;
         gap: 15px;
         margin-top: 10px;
     }

     .footer-links {
         flex: 2 1 550px;
     }

     .ronning-apartments-main {
         flex-wrap: wrap;
         padding: 0px 20px;
     }

     .ronning-apartments-map {
         width: 100%;
     }

     .ronning-apartments-content {
         width: 100%;
     }

     .active-list .property-card {
         max-width: 100%;
     }

     .ronning-apartments-content {
         width: 100%;
         padding-right: 0px;
     }
.property-card.search-card {
    width: 100% !important;
    max-width: 45%;
}
	 .property-grid.to-colum.main-appart.search-flex {
    justify-content: center;
}  
.showing-results-main {
    padding-bottom: 60px;
}
.custom-dropdown {
    flex-direction: column;
}	 
	 
	 
 
.discover-properties-header p {
    max-width: 100%;
}
	 
	 p.no__lots__text {
    margin: 60px auto 0 auto;
    text-align: center;
}

	 ul#menu-primary-menu li {
    padding: 0;
}

ul#menu-primary-menu {
    padding: 0;
}
	 
	 .menu-logo-side-menu-container {
    margin-top: 40px;
}
	 
	 li.has-submenu {
    background: url('https://jaidenshannon.com/ronning-companies/wp-content/uploads/2025/08/select.svg');
    background-repeat: no-repeat;
    background-position: center right 10px;
}
	 
	 section.ronning-apartments{
		 padding-bottom:60px;
	 }
	 
/* 	 .filter-bar-f2 {
    flex-wrap: nowrap;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    scrollbar-width: none;
} */

	 .filter-bar-f2 {
    display: none;
}
	 .post-type-archive-lot .filter-bar-f2{
		 display:block;
	 }
	 
/* 	 ******************** */
	 
	  li.has-submenu {
    background: none !important;
    position: relative;
	
  }
	 
	 #menu-primary-menu li, #menu li{
		 border-bottom: 1px solid #eee;
	 }

  .submenu-toggle {
    display: inline-block;
    width: calc(100% - 30px); /* to leave space for arrow */
  }

  .dropdown-arrow {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 12px;
    height: 12px;
    cursor: pointer;
  }

  .submenu {
    display: none;
  }

  .has-submenu.active .submenu {
    display: block;
  }
	 
	 .submenu.submenu-mobile {
    position: unset;
    box-shadow: unset;
}
	 footer #menu-primary-menu li, footer #menu li {
    border: unset;
}
	 
	 .banner-search {
    width: 100%;
}
	 
	 .home .ronning-apartments-main {
    gap: 40px;
}
	 #apartments_map {
    height: 500px !important;
}
	 
	  .legend-item {
    font-size: 10px;
}
	 .legend-color {
    width: 8px !important;
    height: 8px !important;
}
	 .single .ronning-apartments-map {
    width: 100% !important;
}

 }


 @media (max-width: 700px) {
	 
     .footer-bottom {
         flex-direction: column;
         align-items: flex-start;
         gap: 10px;
     }

     .footer-links {
         flex-direction: column;
         flex-wrap: nowrap;
     }

     .top-logo img {
         max-width: 130px;
     }

     .footer {
         padding: 60px 0px 20px 0px;
     }

     .footer-links h4 {
         font-size: 20px;
         padding-bottom: 10px;
     }

     .footer-left p {
         max-width: 100%;
     }

     .footer-social a:first-child img {
         margin: 0px;
     }

     .ronning-apartments-header h2 {
         font-size: 24px;
         padding-bottom: 20px;
     }

     .property-grid.to-colum .property-card {
         width: 100%;
     }

     .site-banner-content h2 {
         font-size: 30px;
     }

     section.site-banner {
         padding: 40px 0px;
     }

     .site-breadcrumbs-main a {
         font-size: 12px;
     }

     .tab {
         min-width: max-content;
         white-space: normal;
         padding-right: 30px;
     }

     .tabs {
         overflow: scroll;
         overflow-x: auto;
         white-space: nowrap;
     }

     .info-row {
         font-size: 14px;
     }

     .near-by-headline h2 {
         font-size: 20px;
         padding-bottom: 15px;
     }

     .near-by-btns {
         flex-wrap: wrap;
         gap: 10px;
     }

     .near-by-btns a {
         width: 100%;
         padding: 12px 5px;
     }

     section.filter-sec {
         left: -150%;
     } 

     .home-bar-1-flex {
         padding: 10px 15px;
     }

     .home-bar-1-flex {
         flex-wrap: wrap;
         gap: 15px;
     }

     .filter-bar {
         padding: 0px 15px 12px 15px;
     }

     .filter-bar {
         flex-wrap: wrap;
         gap: 15px;
     }

     a.clear-filters {
         display: flex;
         width: 100%;
         justify-content: end;
         padding-bottom: 10px;
     }

     .filter-bar {
         border: none;
     }

     .ronning-grid-view {
         display: none;
     }

     .ronning-list-view {
         display: none;
     }

     .filter-panel {
         width: 100%;
     }
.appart-details-headline h3 {
    font-size: 20px;
}
.appart-details-headline span {
    font-size: 12px;
}
.appart-details-loc p {
    font-size: 14px;
}
.zoom-icon {
    display: none;
}
.detail-neighborhood-headline h2 {
    font-size: 20px;
}
section.lots-main {
    padding: 50px 0px;
}
.lots-sub1 h3 {
    font-size: 16px;
}
.home-bar-1-sub-2 select {
    padding: 10px 5px;
}
.home-bar-1-sub-3 select {
    padding: 10px 5px;
}
.home-bar-1-sub-1 button {   
     padding: 10px 10px;
}
.property-card.search-card {
        width: 100% !important;
        max-width: 48%;
    }
.showing-results-main {
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
	padding-bottom: 40px;
}
	 .showing-results-header {
    flex-wrap: wrap;
    gap: 20px;
    text-align: center;
    justify-content: center;
}
.showing-results-header h2 {
    color: var(--grey-scale-212529, #212529);
    text-align: center;
    font-family: Inter;
    font-size: 30px;
	 }
	 .property-card.search-card {
    max-width: 100%;
}
	 
/* img.quote-icon {
    width: 65px !important;
    height: 65px;
    position: absolute;
    right: 15px;
    top: 15px;
} */

section.client-says {
    padding: 60px 0;
}

.custom-nav {
    margin-top: 40px;
}

.home-bar-1-flex.lot-bar1 {
    flex-wrap: wrap-reverse;
	margin-top: 12px;
}

.home-bar-1-flex.lot-bar1 .home-bar-1-sub-1, .home-bar-1-flex.lot-bar1 .home-bar-1-sub-1 button {
    width: 100%;
}

.home-bar-1-flex.lot-bar1 .home-bar-1-sub-1 button {
    justify-content: space-between;
}

.lot-main-sec1 .home-bar-1-flex.on-filter-1 {
    flex-wrap: wrap;
	padding: 30px 15px;
}

.lot-main-sec1 .home-bar-1-flex.on-filter-1 .flex-short-bt {
    width: 100%;
}
	 .appart-details-headline {
    flex-wrap: wrap;
    gap: 10px;
}
	 
	 .appart-details-headline h3 {
    max-width: 100%;
}
	 
	 .post-type-archive-homes .flex-short-bt {
    position: unset;
    flex-direction: row;
    width: 100%;
}

.post-type-archive-homes button.btn-filters {
    width: 100%;
    justify-content: space-between;
}

.post-type-archive-homes .home-bar-1-flex.on-filter-1 {
    display: flex;
    flex-direction: column-reverse;
	align-items:flex-start;
}

.post-type-archive-homes .home-bar-1-sub-3, .post-type-archive-homes .home-bar-1-sub-2 {
    width: 50%;
}

.post-type-archive-homes .home-bar-1-sub-3 select, .post-type-archive-homes .home-bar-1-sub-2 select {
    width: 100%;
	max-width: 100%;
}
	 .home-bar-1-flex.lot-bar1 .home-bar-1-sub-2, .home-bar-1-flex.lot-bar1 .home-bar-1-sub-3 {
    width: 47%;
}

.lot-bar1 .home-bar-1-sub-2 select, .home-bar-1-sub-1.flex-filter {
    width: 100%;
}
	 .why-choose-header-icon {
    margin: 0 0 16px 0;
}

	 .post-type-archive-apartments .flex-short-bt {
    position: unset;
    width: 50%;
}

.post-type-archive-apartments .home-bar-1-flex.on-filter-1 {
    display: flex;
    flex-wrap: nowrap;
}

.post-type-archive-apartments .home-bar-1-sub-1.flex-filter {
    width: 50%;
}

.post-type-archive-apartments button.btn-filters {
    width: 100%;
    justify-content: space-between;
}
	.post-type-archive-apartments .home-bar-1-sub-2 {
    width: 100%;
}

.post-type-archive-apartments select#neighborhoods {
    width: 100%;
}
	 
	 
	.post-type-archive-commercial .home-bar-1-sub-1 {
    width: 50%;
}

.post-type-archive-commercial button.btn-filters {
    width: 100%;
    justify-content: space-between;
}

.post-type-archive-commercial .home-bar-1-sub-3 {
    width: 50%;
}

.post-type-archive-commercial select.sort-dropdown {
    width: 100%;
    padding: 12px;
}

.post-type-archive-commercial .home-bar-1-flex {
    flex-wrap: nowrap;
}
	 .post-type-archive-lot .filter-bar-f2 {
    display: flex !important;
    gap: 20px;
}
	 
	 .site-breadcrumbs-main ul {
    overflow-x: scroll;
    scrollbar-width: none;
    white-space: nowrap;
}
	 
	 .search-title {
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
    scrollbar-width: none;
}
	 img.quote-icon {
    right: 20px;
}
	 .testimonial-carousel-wrapper {
    padding: 0 20px;
}
	 
	 .post-type-archive-lot .filter-bar-f2 {
    flex-direction: column;
	align-items: flex-start;
}
	 .post-type-archive-lot .custom-select-wrapper {
    padding-left: 20px;
    width: 100%;
}

.post-type-archive-lot .filter-bar-f2 select {
    width: 100% !important;
    max-width: 100% !important;
}
	 .post-type-archive-lot .filter-bar-f2 select {
		 padding: 0 20px !important;
	 }

.post-type-archive-lot .custom-select-wrapper.open {
    width: 100%;
}

.post-type-archive-lot button.custom-select-btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 0 !important;
    padding-right: 6px !important;
}

/* 	 .legend-item {
        font-size: 5px;
    } */
	 .legend {
    gap: 10px !important;
}
 }