@media only screen and (min-width: 320px) and (max-width: 767px) {
.sym-fa-mi-header-main {padding: 0 30px}
.sym-fa-mi-banner-fluid {height: auto;padding: 25% 0 60px;text-align: center}
.toggle-btn-mobile {display: block}
.nav-menu-div, .contact-details-div {display: none}
.sidebar-mobile {background: #E5E5E5;transition: 0.3s ease all;height: 100%;z-index: 99;left: -100%;top: 0;display: block;padding: 20px 30px}
.close-btn {right: 0}
.sidebar-mobile.sidebar-toggle {left: 0}
.sidebar-mobile ul {margin-bottom: 30px}
.sidebar-mobile ul li a {font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 16px;line-height: 134.77%;color: var(--gray-400-color);width: 100%;display: inline-block;padding: 10px 0}
.sym-fa-mi-banner-fluid h1 {font-size: 32px;line-height: 40px}
.sym-fa-mi-banner-fluid h6 {margin: 20px 0 15px}
.sym-fa-mi-banner-fluid h6, .sym-fa-mi-banner-fluid p {font-size: 20px;line-height: 140.62%}
.sym-fa-mi-banner-fluid p {font-size: 16px;margin-bottom: 30px}
.common-btn-tag {height: 44px;font-size: 16px;line-height: 20px}
.sym-fa-mi-banner-fluid .common-btn-tag {margin: 0 auto 45px}
.all-common-heading h4 {font-size: 32px;line-height: 40px;margin-bottom: 20px}
.all-common-heading p {font-size: 16px}
.how-it-work-section, .dream-get-section, .testimonial-section-slider,
.contact-section,.why-choose-section {padding: 60px 0}
.all-common-heading, .all-common-heading.why-choose-heading {margin-bottom: 20px}
.how-it-work-card {text-align: center}
.sym-fa-mi-check {width: 100%}
.traditional-home-buying-row {margin-top: 30px;width: 100%}
.slider-img-div {width: 100%;margin-bottom: 30px;text-align: center}
.slider-details-div {width: 100%}
.row.slider-details-row .col-12.d-flex.align-items-center {display: inline-block !important}
.slider-details-div h5 {font-size: 22px;margin-bottom: 20px}
.slider-details-div p {font-size: 13px;line-height: 17px}
.custom-carousel-slider .carousel-control-next, .custom-carousel-slider .carousel-control-prev {width: 50px;height: 50px}
.custom-carousel-slider .carousel-control-next {right: -10px}
.custom-carousel-slider .carousel-control-prev {left: -10px}
.contact-section .all-common-heading h4 {font-size: 24px;line-height: 32px;margin-bottom: 15px}
form.custom-form .form-control {height: 45px;padding: 10px;font-size: 14px;line-height: 17px}
form.custom-form label {font-size: 14px;line-height: 17px;top: 10px;left: 10px}
form.custom-form .form-group .form-control:focus ~ label, form.custom-form .form-group .form-control:not(:placeholder-shown) ~ label {top: -14px}
.contact-img-row {bottom: 195px;right: -125px;z-index: 0}
.custom-form{position: relative;z-index: 1}
.footer-row-1 {padding-bottom: 45px;text-align: center}
.footer-section {padding: 60px 0 45px}
.footer-row-2 {padding-top: 45px}
.footer-section .col-12.col-sm-6.text-right{text-align: center !important;padding-top: 30px}
.contact-section {overflow: hidden;height: 670px}
.slider-img-div img{height: 250px}
.dream-heading:before {right: 75px;width: 86px}
.choose-details-section, .check-circle-img, .mobile-d-none, .dream-home-tablet, .dream-home-desktop{display: none}
.sym-fa-mi-check ul li span, .check-icon-only, .mobile-d-block,
.dream-home-mobile{display: block}
.check-icon-only{float: left;width: 24px}
.sym-fa-mi-check ul li span{width: calc(100% - 24px);float: left;padding-left: 10px}
.sym-fa-mi-check ul li {border-bottom: 0;padding: 10px;font-family: 'Roboto', sans-serif;font-weight: normal;font-size: 16px;line-height: 28px;align-items: center;color: var(--white);display: flex;text-align: left}
.traditional-home-buying-row ul li {font-size: 16px;line-height: 28px;border-bottom: 0;padding: 10px}
.how-it-work-card h6 {font-size: 20px;line-height: 28px;text-align: left}
.how-it-work-card p{text-align: left;font-size: 14px;font-weight: 300}
.work-card-img{justify-content: center;align-items: flex-end;margin-bottom: 45px}
.how-it-work-section.meet-the-team-section, .contact-section.contact-section-page {padding-top: 30%}
.work-card-img span {margin:30px auto}
.filter-min-header {padding: 15px 0}
.filter-search-select-div {width: 140px}
.filter-search-select-div .form-control {width: 133px}
.filter-badge-div {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 64%}
.filter-search-select-div form{overflow: hidden}
.filter-items-div {width: calc(100% - 140px);padding-left: 7px}
.d-none-mobile{display: none}
.d-none-tab-desktop{display: block}
.filter-items-div .btn {margin-right: 5px;padding: 0 11px}
.feeds-main-fluid{padding: 0 0 30px}
.interested-filter-row ul li.list-inline-item:not(:last-child) {margin-right: .3rem}
.interested-filter-row ul li .btn {border-radius: 14px;font-size: 10px;height: 30px;padding: 0 6px}
.interested-filter-row ul li .btn.add-item-btn {width: 30px}
.interested-filter-row {height: 50px}
.feeds-heading-sorting-row .col-12.col-sm-6.p-0.text-right{text-align: left !important}
.feeds-heading-sorting-row {padding: 5px 0 15px}
.feeds-main-fluid .col-12.col-sm-5.pr-0{padding-right: 15px !important}
.filter-min-header.filter-min-header-single {height: 95px;padding: 10px 0}
.filter-min-row .col-12.d-flex.align-items-center{display: inline-block !important}
.sub-menu-items-div {border-left: 0;width: 100%;padding-left: 0;padding-top: 10px}
.right-side-sub-menu {width: calc(100% - 60px);position: absolute;top: 0;right: 15px}
.right-side-sub-menu button.btn {font-size: 13px;padding: 0}
.right-side-sub-menu button.common-btn-tag {margin-left: 5px;height: 30px;width: auto;font-size: 14px}
.sub-menu-items-div ul li a {padding: 0;font-size: 13px;line-height: 20px}
.back-btn-div {width: 60px;position: relative;top: 4px}
#slider_feeds_main .carousel-inner .carousel-item img {height: 230px}
#slider_feeds_main .carousel-indicators li {height: 32px}
#slider_feeds_main .carousel-indicators {bottom: -45px}
.feeds-details-inner-row {padding: 15px 0;margin-top: 45px}
.feeds-details-inner-row h4 {font-size: 18px;line-height: 26px}
.feeds-details-inner-row p {font-size: 12px;margin-bottom: 20px}
.feeds-details-inner-row h6 {font-size: 15px;line-height: 20px}
.feeds-details-inner-row h5 {font-size: 16px;line-height: 22px;margin: 10px 0 20px}
.Sym-Fa-mi-Traditional-div .sym-fa-mi-check ul li {text-align: center}
.Sym-Fa-mi-Traditional-div .traditional-home-buying-row ul li{border-bottom: 1px solid var(--gray-100-color)}
.Sym-Fa-mi-Traditional-div .traditional-home-buying-row ul li:last-child{border: 0}
.facts-feature-h-n {font-size: 14px;line-height: 20px}
.facts-feature-heading {width: 125px}
.facts-feature-details {font-size: 14px;line-height: 20px;width: calc(100% - 125px)}
.card-box-school {font-size: 13px}
.feeds-details-inner-row .details-div h6 {font-size: 14px;line-height: 17px}
.details-div span {font-size: 13px}
.feeds-single-details-fluid .col-12.col-sm-5.p-0{padding: 0 15px !important}
.Sym-Fa-mi-Traditional-div .row{margin: 0}
.drawer.custom-drawer-sym-fa-mi {width: 100%}
.custom-drawer-sym-fa-mi .drawer-content.drawer-content-scrollable > div.drawer-body {padding: 30px 15px}
.step-details-heading {padding: 30px 0 15px}
.step-details-heading h5 {font-size: 18px}
.locations-div-main h6, .suggestions-div-main h6 {padding: 20px 0 5px}
.neighborhood-town-search-div form .form-control {height: 45px;font-size: 14px;line-height: 21px}
.locations-div-main ul li .badge {font-size: 13px;padding: 0 6px 0 10px}
.suggestions-tag.badge {padding: 0 12px 0 12px;font-size: 13px;margin: 3px 0}
.suggestions-tag.badge img {height: 12px;position: relative;top: -2px;padding: 0 !important}
.suggestions-div-main ul .list-inline-item:not(:last-child) {margin-right: .1rem}
.custom-drawer-sym-fa-mi .drawer-footer {padding: 0 15px;height: 68px}
.custom-drawer-sym-fa-mi .drawer-footer .btn.back-btn, .custom-drawer-sym-fa-mi .drawer-footer .btn.skip-browser-btn, .custom-drawer-sym-fa-mi .drawer-footer .btn.btn-dark.common-btn-dark {font-size: 13px}
.interested-facility-div ul li {width: 27%}
}

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
.how-it-work-section.meet-the-team-section, .contact-section.contact-section-page {padding-top: 17%}
.work-card-img span {width: 200px;height: 200px;margin: 30px 0 0}
.work-card-img {margin-bottom: 25px}
.sym-fa-mi-banner-fluid {padding: 17% 0 60px;text-align: left}
.sym-fa-mi-banner-fluid .common-btn-tag {margin: 0 0 45px}
.contact-img-row {bottom: 60px;right: 0}
.interested-filter-row ul li .btn {padding: 0 8px}
.filter-search-select-div {width: 375px}
.filter-search-select-div .form-control {width: 360px}
.filter-badge-div {width: 100%}
.filter-items-div {width: calc(100% - 375px);padding-left: 15px}
.feeds-main-fluid .col-12.col-sm-5.pr-0 {padding-right: 0 !important}
.drawer.custom-drawer-sym-fa-mi {width: 470px}
.interested-facility-div ul li {width: 19%}
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
.slider-img-div {width: 250px}
.slider-details-div {width: calc(100% - 250px);padding-left: 30px}
.slider-details-div h5 {font-size: 26px;margin-bottom: 20px}
.custom-carousel-slider .carousel-control-next, .custom-carousel-slider .carousel-control-prev {width: 60px;height: 60px}
.custom-carousel-slider .carousel-control-next {right: -30px}
.custom-carousel-slider .carousel-control-prev {left: -30px}
.footer-section {padding: 60px 0 45px}
.footer-row-2 {padding-top: 45px}
.all-common-heading h4 {font-size: 32px;line-height: 42px}
.all-common-heading p {font-size: 16px}
.contact-section, .testimonial-section-slider, .dream-get-section, .why-choose-section, .how-it-work-section {padding: 60px 0}
.sym-fa-mi-banner-fluid {height: auto}
.sym-fa-mi-banner-fluid h1 {font-size: 32px;line-height: 42px}
.how-it-work-card h6 {font-size: 20px;line-height: 26px}
.how-it-work-card{min-height: 560px}
.dream-home-mobile, .dream-home-desktop{display: none}
.dream-home-tablet{display:block}
.sym-fa-mi-header-main{padding:0 30px}
.nav-menu-div ul li a, .contact-btn-header{font-size:14px}
.nav-menu-div ul li a{padding:20px 5px}
.contact-btn-header{width:100px}
.filter-items-div .btn{font-size:13px;margin-right:5px}
.filter-items-div{width:calc(100% - 290px);padding-left:15px}
.filter-search-select-div{width:290px}
.filter-search-select-div .form-control{width:275px}
.filter-badge-div .suggestions-tag.badge{padding:2px 4px;font-size:13px}
.filter-badge-div{left:35px}
.filter-search-select-div .search-btn{left:6px}
.interested-filter-row ul li .btn{font-size:13px;padding:0 6px}
.interested-filter-row ul li.list-inline-item:not(:last-child){margin-right:.3rem}
.sub-menu-items-div{width:100%;padding-left:0;border:0;padding-top:15px}
.right-side-sub-menu{width:calc(100% - 90px);position:absolute;right:0}
.filter-min-header.filter-min-header-single{height:85px}
.right-side-sub-menu button.btn{font-size:14px;padding:5px}
.filter-min-row .col-12.d-flex.align-items-center{display:inline-block !important}
.back-btn-div{width:80px;position:relative;top:10px}
.right-side-sub-menu button.common-btn-tag{margin-left:5px;width:auto;font-size:14px;padding:0 15px;height:36px}
.feeds-details-inner-row{margin-top:60px}
.feeds-details-inner-row h4{font-size:20px;line-height:26px}
.feeds-details-inner-row p{font-size:14px;margin-bottom:20px}
#slider_feeds_main .carousel-inner .carousel-item img{height:285px}
.amenities-details{font-size:15px;padding:2px 10px;width:calc(100% - 44px)}
.Sym-Fa-mi-Traditional-div .all-common-heading.why-choose-heading{height:60px}
.why-choose-right-row{margin-top:30px}
.Sym-Fa-mi-Traditional-div .choose-details-section ul li{height:auto}
}

@media only screen and (min-width:768px) and (max-width:1200px) and (orientation:landscape) {
.sym-fa-mi-check, .traditional-home-buying-row{width:100%}
.facts-feature-heading{width:115px}
.rooms-details-main-row{height:362px}
.facts-feature-details{font-size:14px;width:calc(100% - 115px)}
.facts-feature-h-n{font-size:14px}
}