img,form,div,body,h1,h2,h3,h4,h5,p,input,select,textarea,dl,dt,dd,footer,header,menu,nav,ul,li,ol,figure,button,form { margin: 0; padding: 0; border: none; list-style: none; vertical-align: baseline; }
header, menu, nav, article, footer { display: block; }
html { box-shadow: none!important; scroll-behavior: smooth; }
:root { --main-color: #191919; --hover-color: #b48128; }
body { font: 15px Inter,sans-serif; font-weight: 300; color: var(--main-color); text-align: center; }
p.clean { clear: both; margin: 0; height: 1px; }
a { text-decoration: none; color: var(--main-color); transition:all 0.5s ease; }
a:hover, .kryteria li.kryt:nth-child(3):hover:before, .schowaj_title:hover, #latest-on-the-blog li a:hover .material-symbols-outlined, #show-form:hover, #footer a:hover { color: var(--hover-color); }

li { vertical-align: top; }
img { max-width: 100%; height: auto; }

header:after, #real-estate-details:after, article:after, #footer:after { content: ''; display: block; clear: both; }

.yes:before, .yes-2:before, .list-location:before, .real-estate-list-location:before, #real-estate-details-map-info:before, .real-estate-list-owner-office:after, .real-estate-list-owner-private:after, .schowaj_title:after, #real-estate-details-entry-address:before, #real-estate-details-contact-owner-address:before, #breadcrumbs li:before, #about-us-number-of-offers:before, #partner-consortium li:before, .faqs_dl dt:after, .kryteria li:nth-child(3):before, .dodatkowe_zl:after, .dodatkowe_m2:after, .form-error:before, .form-ok:before, .tile.selected:after { font-family: "Material Symbols Outlined"; font-style: normal; font-weight: normal; }

header { position: relative; }
#logo, nav, #fav_icon, #login { position: absolute; }
#logo, #fav_icon, #login { z-index: 3; }
#logo { left: 0; }
#logo img { display: block; }
nav { z-index: 2; }
#fav_icon span, #login span { font-size: 28px; }
#fav { position: absolute; top: -5px; right: -5px; }
#fav span { color: #FFF; background: var(--hover-color); font-size: 10px; line-height: 10px; padding: 3px 6px; border-radius: 9px; }

#search-engine { background-size: cover; }
#search-engine-2 { background: rgba(0,0,0,0.6); transition:all 0.5s ease; }
#search-engine-2:hover { background: rgba(0,0,0,0.65); backdrop-filter: blur(1px); }
#search-engine h1, #search-hero { color: #FFF; }
.schowaj_title { font-size: 12px; font-weight: 700; margin: 5px auto 0; display: inline-block; padding-right: 30px; position: relative; }
.schowaj_title:hover { cursor: pointer; }
.schowaj_title:after { position: absolute; top: -3px; right: 0; font-size: 18px; }
.schowaj_title:after { content: '\e313'; }
.schowaj_title.expanded_image:after { content: '\e316'; }

#recommended, #for-sale, #for-rent, #latest-on-the-blog, #similar-blog-2, article, #about, #footer { text-align: left; }

#real-estate-art { padding-top: 25px!important; }
article h1 { font-size: 33px; line-height: 35px; margin-bottom: 40px; font-weight: 300; }
h2,h3,h4 { font-weight: 400; font-size: 21px; line-height: 22px; margin-bottom: 20px; }
article p, #about p, #about ul { line-height: 21px; margin-bottom: 20px; }
.bold, strong { font-weight: 700; }

.yes, .yes-2 { position: relative; padding-left: 30px; }
.yes-2 { margin-bottom: 3px!important; }
.yes:before, .yes-2:before { position: absolute; top: -1px; left: 0; content: '\e86c'; color: #27a54a; font-size: 20px; }

.sitemap { display: grid; gap: 10px; margin-bottom: 40px; }
.sitemap a { display: block; }

#blog-foto img, #about-us-2 img, #about-us-4 img, .right img, #favorite-r img { border-radius: 6px; }

#real-estate, #latest-on-the-blog, #similar-blog, #back-grey, #join-r, footer { background: #f5f5f5; }
#real-estate .owl-stage, .more-offers .owl-stage, #latest-on-the-blog .owl-stage, #similar-blog .owl-stage { display: flex; }
#real-estate li, #real-estate li a, .more-offers li, .more-offers li a, #real-estate-list li, #real-estate-list li a, #latest-on-the-blog li, #latest-on-the-blog li a, #blog-list li, #blog-list li a, #similar-blog li, #similar-blog li a { height: 100%; }
#real-estate li a, .more-offers .owl-stage li a, #real-estate-list li a, #latest-on-the-blog li a, #blog-list li a, #similar-blog li a { background: #FFF; display: block; border-radius: 6px; }
#real-estate li img, .more-offers .owl-stage, li img, #latest-on-the-blog li img, #blog-list li img, #similar-blog li img { border-top-left-radius: 6px; border-top-right-radius: 6px; }
#real-estate li h3, .more-offers .owl-stage li h3 { font-size: 15px; font-weight: 700; margin: 0; padding: 20px 20px 10px 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#real-estate, #latest-on-the-blog { padding-bottom: 50px; }
#recommended, .more-offers, #for-sale, #for-rent { padding-top: 50px; }
.owl-carousel-image { height: 180px; }
#owl-recommended .owl-carousel-image { height: 230px; }
.owl-carousel-image img { display: block; margin: 0; width: 100%; height: 100%; object-fit: cover; }
.list-movie { position: absolute; top: 10px; left: 10px; z-index: 2; font-size: 12px; line-height: 12px; background: #FFF; border-radius: 9px;  padding: 3px 6px; transition:all 0.5s ease; }
.list-movie span, #real-estate-details-movie span { color: var(--hover-color); transition:all 0.5s ease; }
.list-movie span { font-size: 14px; vertical-align: -3px; margin-right: 5px; }
#real-estate li a:hover .list-movie { background: var(--hover-color); }
.list-location { position: relative; font-size: 12px; padding: 0 20px 10px 38px; margin: 0; }
.list-location:before { position: absolute; top: 0; left: 20px; font-size: 12px; content: "\e0c8"; }
.list-price { padding: 0 20px 20px 20px; font-size: 12px; margin: 0; }
.list-price span { font-size: 15px; font-weight: 700; }

#real-estate-list-tools, #real-estate-list-tools-bottom { display: flex!important; flex-direction: row; }
#real-estate-list-count h1, #real-estate-list-count h3 { font-size: 15px; line-height: 16px; font-weight: 700; margin: 0 0 3px; }
#real-estate-list-count p { font-size: 10px; line-height: 11px; margin: 0; }
.view-switch button { transition:all 0.5s ease; border-radius: 6px; background: #FFF; }
.view-switch .active { background: #d7d7d7; }
#listViewBtn { border-top-left-radius: 0; border-bottom-left-radius: 0; }
#gridViewBtn { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.view-switch button span { font-size: 26px; padding: 5px 7px; }
.view-switch button:hover { cursor: pointer; background: var(--hover-color); color: #FFF; }

#real-estate-list ul { display: grid; gap: 20px; transition:all 0.5s ease; margin: 25px 0; }
#real-estate-list ul li { position: relative; }
.list-view ul { grid-template-columns: repeat(1,1fr); }
.grid-view ul { grid-template-columns: repeat(4,1fr); }
.real-estate-list-image { position: relative; }
.real-estate-list-image img { display: block; margin: 0; width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.real-estate-list-info { padding: 20px; box-sizing:border-box; }
#real-estate-list ul p { margin: 0; }
#real-estate-list .add_fav { position: absolute; padding: 5px; top: 10px; right: 10px; z-index: 2; }
#real-estate-list .add_fav span { font-size: 34px; color: #FFF; transition:all 0.5s ease; }
.list-view .add_fav span { color: var(--main-color)!important; }
.is_fav span { color: var(--hover-color)!important; }
.add_fav:hover { cursor: pointer; }
.add_fav:hover span { color: var(--hover-color)!important; }
.real-estate-list-category { font-size: 12px; }
.real-estate-list-price { font-size: 21px; font-weight: 700; margin: 5px 0!important; }
.real-estate-list-price span { font-size: 15px; }
#real-estate-list li h2 { font-size: 15px; line-height: 17px; font-weight: 700; margin: 0; }
.real-estate-list-location, #real-estate-details-map-info { position: relative; font-size: 12px; line-height: 13px; padding-left: 18px; margin: 5px 0!important; }
.real-estate-list-location:before, #real-estate-details-map-info:before { position: absolute; top: -1px; left: 0; font-size: 12px; content: "\e0c8"; }
.real-estate-list-details { font-size: 12px; font-weight: 700; }
.real-estate-list-details-description { font-size: 12px; line-height: 14px; margin-top: 10px!important; }
.real-estate-list-owner-office, .real-estate-list-owner-private { padding-top: 10px; padding-right: 20px; border-top: 1px solid #d6d6d6; margin-top: 15px!important; position: relative; font-size: 12px; line-height: 12px; }
.real-estate-list-owner-office { padding-left: 35px;  }
.real-estate-list-owner-office img { position: absolute; top: 10px; left: 0; }
.real-estate-list-owner-office span { display: block; font-size: 10px; }
.real-estate-list-owner-office:after, .real-estate-list-owner-private:after { position: absolute; top: 12px; right: 0; content: '\e5e1'; }
.list-view .real-estate-list-image img { border-top-left-radius: 6px; border-top-right-radius: 0; border-bottom-left-radius: 6px; }
.grid-view ul .real-estate-list-details-description { display: none; }
.grid-view ul .real-estate-list-image { height: 220px; }
.real-estate-list-nof-img { position: absolute; bottom: 10px; right: 10px; font-size: 12px; line-height: 12px; background: #FFF; border-radius: 9px; padding: 3px 6px 4px; margin: 0; z-index: 2; }
.real-estate-list-nof-img span { font-size: 14px; vertical-align: -2px; margin-right: 5px; }

p.pagin { text-align: center; margin-bottom: 0; }
p.pagin a { margin: 0 7px; padding: 11px 18px; line-height: 15px; background: #FFF; display: inline-block; border-radius: 6px; transition:all 0.5s ease; }
p.pagin a.akt { background: #3d3d3d; color: #FFF; }
p.pagin a:hover, p.pagin a.akt:hover { background: var(--hover-color); color: #FFF; }

#offer_limit span, #offer_limit form { display: inline-block; vertical-align: top; }
#offer_limit_info { padding-top: 12px; margin-right: 5px; font-size: 10px; }

#real-estate-details-top { margin-bottom: 25px; }
#real-estate-details-top p { display: inline-block; width: 50%; margin: 0; }
#real-estate-details-top p#share { text-align: right; }

#toast { visibility: hidden; background: #333; color: #fff; padding: 10px 15px; border-radius: 6px; position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); }
#toast.show { visibility: visible; }

#real-estate-details-entry, #real-estate-details-info, #real-estate-details-description, #real-estate-details-map, #real-estate-details-contact { background: #FFF; border-radius: 6px; box-sizing: border-box; padding: 25px; }
#real-estate-details-entry { border-bottom-right-radius: 0; border-bottom-left-radius: 0; position: relative; }
#real-estate-details-entry h1, #real-estate-details-entry-price { font-weight: 700; }
#real-estate-details-entry h1 { margin-bottom: 5px; padding-right: 40px; }
#real-estate-details-entry .add_fav { position: absolute; top: 27px; right: 25px; }
#real-estate-details-entry .add_fav span, #real-estate-details-top span { font-size: 30px; }
#real-estate-details-entry-address { position: relative; padding-left: 20px; line-height: 19px; }
#real-estate-details-entry-address:before { position: absolute; top: 0; left: 0; content: '\e0c8'; }
#real-estate-details-entry-address a { margin-left: 10px; font-size: 12px; padding: 3px 8px; background: #f5f5f5; border-radius: 6px; transition:all 0.5s ease; display: inline-block; }
#real-estate-details-entry-address a span { font-size: 16px; vertical-align: -4px; }
#real-estate-details-entry-address a:hover { color: #FFF; background: var(--hover-color); }
#real-estate-details-entry-price { line-height: 28px; }
#real-estate-details-entry-price li { display: inline-block; margin-right: 25px; vertical-align: bottom; }
#real-estate-details-entry-price li:nth-child(1) { font-size: 28px; }
#real-estate-details-entry-price li:nth-child(1) span { font-size: 15px; }
#real-estate-details-entry-price li span { font-size: 12px; }
#gal { position: relative; }
#real-estate-details-movie { position: absolute; background: #FFF; border-radius: 6px; z-index: 2; font-size: 12px; top: 10px; left: 10px; padding: 5px 12px 6px; transition:all 0.5s ease; }
#real-estate-details-movie:hover { color: #FFF; background: var(--hover-color); }
#real-estate-details-movie:hover span { color: #FFF; }
#real-estate-details-info { border-top-right-radius: 0; border-top-left-radius: 0; }
#real-estate-details-info ul { display: grid; gap: 10px; }
#real-estate-details-info li p { font-size: 11px; line-height: 16px; margin: 0; }
#real-estate-details-info li p span { display: block; font-size: 15px; } 
#real-estate-details-description, #real-estate-details-map { margin-top: 25px; }
#real-estate-details-id { padding-top: 19px; border-top: 1px solid #d6d6d6; margin-top: 20px!important; font-size: 11px; color: #7e7e7e; }
#real-estate-details-id p { margin-bottom: 0; line-height: 16px!important; }
#real-estate-details-id p span { font-weight: 700; }
#map { height: 400px; border-radius: 6px; }

#real-estate-details-contact-owner { padding-left: 69px; position: relative; font-weight: 700; margin-bottom: 25px; }
#real-estate-details-contact-owner p { margin-bottom: 0; line-height: 16px; }
#real-estate-details-contact-owner img { position: absolute; top: 0; left: 0; }
#real-estate-details-contact-owner span { display: block; font-size: 10px; font-weight: 300; }
#real-estate-details-contact-owner-address { font-size: 10px; font-weight: 300; position: relative; padding-left: 14px; }
#real-estate-details-contact-owner-address:before { position: absolute; top: 0; left: 0; content: '\e0c8'; }
#real-estate-details-contact-owner-links { margin: 0; }
#real-estate-details-contact-owner-links a { display: inline-block; width: 50%; }

#breadcrumbs { margin-top: 25px; }
#breadcrumbs li { display: inline-block; font-size: 12px; position: relative; padding-left: 20px; }
#breadcrumbs a:hover { cursor: pointer; }
#breadcrumbs li:before { color: #a7a7a7; position: absolute; top: 1px; }
#breadcrumbs li:nth-child(1) { padding-left: 20px; }
#breadcrumbs li:nth-child(1):before { content: "\e88a"; top: -3px; left: 0; font-size: 16px; transition:all 0.5s ease; }
#breadcrumbs li:nth-child(1):hover:before { color: var(--hover-color); }
#breadcrumbs li:not(:first-child):before { content: "\e5cc"; left: 3px; }

.phoneLink { font-weight: 700; }

#latest-on-the-blog li h3, #blog-list li h3, #similar-blog li h3 { font-size: 15px; font-weight: 700; margin: 0; padding: 20px; }
#latest-on-the-blog li p, #blog-list li p, #similar-blog li p { font-size: 13px; line-height: 18px; margin: 0; padding: 0 20px 20px 20px; }
#blog-list { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
#blog-details { text-align: center; }
#blog-details a { position: relative; }
#blog-details a div { position: absolute; left: 20px; right: 20px; top: 50%; transform: translateY(-50%); }
#blog-details .material-symbols-outlined { font-size: 30px; padding: 20px; color: #d5d5d5; background: #f5f5f5; border-radius: 50%; transition:all 0.5s ease; }

#about-us-slogan h1, #about-us-number-of-offers, #favorite-slogan { font-weight: 700; }
#about-us-slogan h1 span { display: block; font-weight: 300; }
#about-us-number-of-offers { background: #4a9cc7; color: #FFF; border-radius: 6px; box-sizing: border-box; position: relative; font-size: 18px; }
#about-us-number-of-offers span { display: block; }
#about-us-number-of-offers:before { color: #4a9cc7; position: absolute; content: '\e88e'; background: #FFF; text-align: center; width: 60px; height: 54px; padding-top: 6px; border-radius: 50%; font-size: 40px; }

#advantages-of-the-portal { margin-top: 100px; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
#advantages-of-the-portal li, #join-why li { border: 1px solid #e7e6e6; border-radius: 6px; box-shadow: 0 -3px #717171 inset; transition:all 0.5s ease; padding: 40px 40px 20px; }
#advantages-of-the-portal li:nth-last-of-type(2), #advantages-of-the-portal li:last-child { background-repeat: no-repeat; background-size: cover; padding: 0; }
#advantages-of-the-portal li:nth-last-of-type(2) { background-image: url('../img/dodaj-ogloszenie.webp'); }
#advantages-of-the-portal li:last-child { background-image: url('../img/dolacz-do-nas.webp'); }
#advantages-of-the-portal li:hover { box-shadow: 0 -3px var(--hover-color) inset; }
.advantages-of-the-portal-emoji { font-size: 34px; margin-bottom: 20px; }
#advantages-of-the-portal h3 { margin-bottom: 10px; }
#advantages-of-the-portal li a { display: block; height: 100%; box-sizing:border-box; color: #FFF; border-radius: 3px; padding: 32px 40px 20px; }
#advantages-of-the-portal li a .material-symbols-outlined { font-size: 40px; margin-bottom: 10px; }
#advantages-of-the-portal li a:hover { background: rgba(30,148,63, 0.4); }

#join-top { margin-bottom: 50px; }
#join-top h1 { font-weight: 700; margin-bottom: 10px; }
#join-why { display: grid; gap: 20px; margin-bottom: 50px; }
#join-why p span { font-weight: 700; }

.faq { padding: 50px; margin: 50px 0; border: 1px solid #e7e6e6; border-radius: 6px; }
.faqs_dl dt { cursor: pointer; padding-right: 28px; position: relative; transition:all 0.5s ease; padding: 15px 25px 15px 0; font-weight: 400; }
.faqs_dl dt:not(:first-child) { border-top: 1px solid #e7e6e6; }
.faqs_dl dt:hover { color: var(--hover-color); }
.faqs_dl dt:after { position: absolute; top: 14px; right: 0; content: "\e313"; font-size: 22px; transition:all 0.5s ease; }
.faqs_dl dt:hover:after { color: var(--hover-color); }
.faqs_dl dt.expanded_image:after { content: "\e316"; }
.faqs_dl dd { padding: 5px 0 15px; }

#partners li, #partner-details { background: #FFF; box-sizing: border-box; position: relative; border-radius: 6px; }
#partners li:not(:last-child) { margin-bottom: 10px; }
#partners li a { display: block; }
#partners li h2, #partner-details h1 { margin-bottom: 0; }
.partners_info .material-symbols-outlined, #partner_info .material-symbols-outlined, #partner-info .material-symbols-outlined, #partner-consortium h2 .material-symbols-outlined, .phoneLink .material-symbols-outlined, #real-estate-details-movie .material-symbols-outlined, #real-estate-details-contact-owner-links a .material-symbols-outlined { vertical-align: -6px; margin-right: 5px; }
.partners_address, #partner-address { font-size: 12px; color: #5a5a5a; }
.partners_address span, #partner-address span { font-size: 14px; vertical-align: -2px; margin-right: 5px; }
.partners_info, #partner-info { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
#partner-info { grid-template-columns: repeat(2,1fr); }
.partners_phone, .partners_consortium { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.partners_consortium, #partner-consortium h2 { color: #d32a2d; background-image: linear-gradient(45deg, #d32a2d , #91372c 50%); background-clip: text; -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
.partners_link { position: absolute; top: 0; bottom: 0; right: 0; width: 30px; }
.partners_link span { position: absolute; top: 50%; transform: translateY(-50%); }
#partners-join { background: #FFF; border-radius: 6px; }
#partners-join .material-symbols-outlined { color: var(--hover-color); background-image: linear-gradient(45deg, var(--hover-color) , #d64647 50%); background-clip: text; -webkit-background-clip: text;  -webkit-text-fill-color: transparent; font-size: 40px; }
#partners-join p { font-size: 12px; line-height: 16px; }
#partners-join a, .link a { display: inline-block; margin: 5px 0 20px; color: #FFF; background: #3d3d3d; border-radius: 6px; padding: 14px 20px 15px; }
#partners-join a:hover, .link a:hover { background: var(--hover-color); }

#partner-details { margin-bottom: 50px; }
#partner-about { margin-bottom: 30px; }
#partner-about p { margin-bottom: 10px; }

#show-form:hover { cursor: pointer; }
#partner-send .expanded_image { color: var(--hover-color); }
#partner-form { border-radius: 6px; margin-top: 30px; border: 1px solid #eaeaea; }
#partner-consortium { border-radius: 6px; background: #f5f5f5; clear: both; margin-top: 30px; }
#partner-consortium h2 { font-size: 14px; margin-bottom: 5px; font-weight: 700; }
#partner-consortium p { margin-bottom: 5px; }
#partner-consortium p, #partner-consortium li { font-size: 12px; line-height: 16px; }
#partner-consortium li { position: relative; padding: 3px 0 3px 22px; }
#partner-consortium li:before { position: absolute; top: 3px; left: 0; content: '\e86c'; color: #27a54a; font-size: 14px; }

#join-r { border-radius: 9px; box-sizing: border-box; }

.footer-t { font-weight: 700; margin-bottom: 10px; }
#footer-l ul { display: grid; gap: 3px; }
#footer-l ul a { display: block; margin-bottom: 2px; }
#newsletter-info { font-size: 12px; margin-bottom: 10px; }
#copy { clear: both; color: #4e4d4d; font-size: 11px; padding-top: 35px; }
#admr { display: inline-block; transition:all 0.5s ease; }
#admr span, #admr:hover { color: #ff3000!important; }

.material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }


/* -- 1 -- */
@media screen and (min-width: 1500px) {
	header, #recommended, #for-sale, #for-rent, #latest-on-the-blog-2, #similar-blog-2, article, #about, #footer { width: 1500px; }
	
	#search-engine #search-engine-form { width: 1260px; }
	#search-engine-list #search-engine-form { width: 1500px; }
	
	.sitemap { grid-template-columns: repeat(4,1fr); }
	
	#about-us-slogan { width: 1000px; }
	#about-us-number-of-offers { margin: 40px 0 0 120px; width: 380px; }
	#about-l, #about-r, #about-us-1, #about-us-2, #about-us-3, #about-us-4, .left, .right, #favorite-l, #favorite-r { width: 680px; }
	#about-l, #about-us-1, #about-us-4, .left, #favorite-l { margin-right: 140px; }
	#about-us-1, #about-us-2 { margin-bottom: 120px; }
	
	#real-estate-details-l { width: 1080px; margin-right: 25px; }
	#real-estate-details-r { width: 395px; }
	#real-estate-details-info ul { grid-template-columns: repeat(6,1fr); }
	
	#join-why { grid-template-columns: repeat(5,1fr); }
	#join-l { width: 660px; margin-right: 140px; }
	#join-r { width: 700px; padding: 50px; }	
	
	#footer-l { width: 900px; margin-right: 100px; }
	#footer-r { width: 500px; }
}

/* -- 2 -- */
@media screen and (min-width: 1200px) and (max-width: 1499px) {
	header, #recommended, #for-sale, #for-rent, #latest-on-the-blog-2, #similar-blog-2, article, #about, #footer { width: 1200px; }

	#search-engine #search-engine-form { width: 1160px; }
	#search-engine-list #search-engine-form { width: 1200px; }
	
	.sitemap { grid-template-columns: repeat(3,1fr); }
	
	#about-us-slogan { width: 760px; }
	#about-us-number-of-offers { margin: 30px 0 0 80px; width: 360px; }
	
	#about-l, #about-r, #about-us-1, #about-us-2, #about-us-3, #about-us-4, .left, .right, #favorite-l, #favorite-r { width: 560px; }
	#about-l, #about-us-1, #about-us-4, .left, #favorite-l { margin-right: 80px; }
	#about-us-1, #about-us-2 { margin-bottom: 80px; }
	
	#real-estate-details-l { width: 840px; margin-right: 25px; }
	#real-estate-details-r { width: 335px; }
	#real-estate-details-info ul { grid-template-columns: repeat(5,1fr); }
	
	#join-why { grid-template-columns: repeat(4,1fr); }
	#join-l { width: 520px; margin-right: 80px; }
	#join-r { width: 600px; padding: 40px; }
	
	#footer-l { width: 720px; margin-right: 80px; }
	#footer-r { width: 400px; }
}

@media screen and (min-width: 1200px) {	
	header { height: 80px; }
	#logo { top: 24px; }
	nav { top: 20px; right: 0; }
	#fav_icon { top: 25px; right: 280px; }	
	#login { top: 25px; right: 220px; }
	
	header, #search-engine-2, #recommended, #for-sale, #for-rent, article, #latest-on-the-blog-2, #similar-blog-2, #footer { margin: 0 auto; }
	
	#search-engine { background-image: url('../img/search-engine-xl.jpg'); }
	#search-engine-2 { padding: 140px 0; }
	#search-engine h1 { font-size: 28px; }	
	
	.justify { text-align: justify!important; }
	
	article, #similar-blog-2 { padding: 50px 0; }
	#blog-foto { float: right; width: 500px; margin: 0 0 40px 80px; }	
	
	#footer { padding: 50px 0; }
	
	#real-estate-list-count { width: calc(100% - 305px); padding-top: 3px; }	
	#sort { width: 185px; margin: 0 20px; }
	.view-switch { width: 80px; }	
	
	.list-view ul li a { display: flex!important; flex-direction: row; }
	.list-view .real-estate-list-image { width: 360px; max-height: 260px; }
	.list-view .real-estate-list-info { width: calc(100% - 360px); }
	
	.pagin { width: calc(100% - 151px); margin-right: 20px; }
	#offer_limit { width: 131px; }
	
	#real-estate-details-l { margin-right: 25px; }	
	#real-estate-details-r { position: sticky; top: 0; }
	#real-estate-details-entry-address br, #real-estate-details-mobile { display: none; }
	
	#about { margin: 50px auto; }
	
	#about-l, #about-r, #about-us-slogan, #about-us-number-of-offers, #about-us-1, #about-us-2, #about-us-4, #join-l, #join-r, #real-estate-details-l, #real-estate-details-r, .left, .right, #favorite-l, #favorite-r, #footer-l, #footer-r { float: left; }
	#about-us-slogan, #about-us-number-of-offers, #favorite-slogan { margin-bottom: 60px; }
	#about-us-slogan h1, #favorite-slogan p { font-size: 80px; line-height: 90px; }
	#about-us-slogan h1 span { font-size: 50px; line-height: 50px; }
	#about-us-number-of-offers { padding: 50px 40px 30px 60px; }
	#about-us-number-of-offers:before { top: 50%; margin-top: -30px; left: 0; margin-left: -30px; }
	#about-us-number-of-offers span { font-size: 80px; line-height: 90px; }
	
	#about-us-3 { float: right; }
	
	#join-top h1 { font-size: 42px; line-height: 48px; }
	#join-top p { font-size: 32px; line-height: 38px; }
	
	#add-new-offer, #partners-l, #partners-r { float: left; }	
	#add-new-offer, #partners-l { width: calc(100% - 340px); }	
	#partners-r { width: 320px; margin-left: 20px; position: sticky; top: 0; }
	#partners-join { padding: 30px; }
	#partners li { padding: 30px 90px 30px 30px; position: relative; }
	#partners li img, #partner-details img { position: absolute; top: 30px; left: 30px; }
	.partners-container, #partner-container { padding-left: 200px; min-height: 160px; }
	.partners_link { width: 50px; }
	.partners_link span { right: 30px; }
	#partners-join a { display: block; }
	#partners-join li { padding: 10px 0; }
	#partners-join li:not(:last-child) { border-bottom: 1px solid #eaeaea; }
	
	#partner-details { padding: 30px; position: relative; }
	#partner-consortium { padding: 30px; }	
	
	#footer-l ul { grid-template-columns: repeat(3,1fr); }
	#copy p { width: 50%; float: left; }
	#copy #author { text-align: right; }	
}

@media screen and (max-width: 1199px) {	
	#logo { top: 0; }
	nav { top: -6px; right: 0; }
	#fav_icon { top: 2px; }
	#login { top: 2px; }
	
	.left { margin-bottom: 50px; }
	#favorite-r { display: none; }
	
	.partners_phone_number { display: none; }

	.view-switch { display: none; }
	
	#real-estate-list-tools-bottom { flex-direction: column; text-align: center; }
	p.pagin a { margin-bottom: 8px; }
	#offer_limit { margin-top: 12px; }

	#real-estate-details-r { margin-top: 25px; }
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	#blog-list { grid-template-columns: repeat(3,1fr); gap: 10px; }	
	#blog-foto { width: 380px; margin: 0 0 30px 50px; }
	
	#real-estate-list ul, #join-why { grid-template-columns: repeat(3,1fr); }
	
	#real-estate-details-info ul { grid-template-columns: repeat(5,1fr); }
	
	#partners li, #partner-details { position: relative; }
	#partners li img, #partner-details img { position: absolute; width: 140px; top: 25px; left: 25px; }
	.partners-container, #partner-container { padding-left: 170px; min-height: 140px; }
	
	#footer-l, #footer-r { float: left; }
	#footer-l { width: calc(100% - 420px); margin-right: 20px; }
	#footer-r { width: 400px; }
}

@media screen and (min-width: 600px) and (max-width: 800px) {
	#blog-list { grid-template-columns: repeat(2,1fr); gap: 5px; }	
	#blog-foto { width: 250px; margin: 0 0 30px 30px; }
	
	#real-estate-list ul, #join-why { grid-template-columns: repeat(2,1fr); }
	
	#real-estate-details-info ul { grid-template-columns: repeat(3,1fr); }
	
	#partners li img, #partner-details img { width: 100px; }
	
	#footer-l { margin-bottom: 50px; }
}


/* -- 3 -- */
@media screen and (min-width: 600px) and (max-width: 1199px) {
	header { height: 50px; margin: 25px 25px 0; }	
	#fav_icon { right: 130px; }
	#login { right: 80px; }
	
	#search-engine { background-image: url('../img/search-engine-l.jpg'); }
	#search-engine-2 { padding: 100px 25px; }
	#search-engine h1 { font-size: 28px; }
	#search-engine-list { padding: 0 25px 50px; }
	
	article { padding: 50px 0; }
	
	.sitemap { grid-template-columns: repeat(2,1fr); }
	
	#blog-foto { float: right; }
	
	#real-estate { padding: 0 25px 50px; }
	#latest-on-the-blog { padding: 0 25px 50px; }
	article, #similar-blog-2, .faq, #footer { padding: 50px 25px; }
	
	#real-estate-list-count { width: calc(100% - 205px); padding-top: 3px; }	
	#sort { width: 185px; margin-left: 20px; }
	
	#real-estate-details-entry-address br, #real-estate-details-mobile { display: none; }
	
	#about { margin: 50px 25px; }
	
	#about-us-slogan h1, #favorite-slogan p { font-size: 76px; line-height: 82px; }
	#about-us-slogan h1 span { font-size: 50px; line-height: 50px; }
	#about-us-number-of-offers { margin: 40px 80px; padding: 50px 40px 30px 60px; }
	#about-us-number-of-offers:before { top: 50%; margin-top: -30px; left: 0; margin-left: -30px; }
	#about-us-number-of-offers span { font-size: 80px; line-height: 90px; }
	
	#about-us-2, #about-us-4 { margin: 50px 0; text-align: center; }	
	#advantages-of-the-portal { grid-template-columns: repeat(2,1fr); margin-top: 20px; }
	
	#join-top h1 { font-size: 34px; line-height: 40px; }
	#join-top p { font-size: 28px; line-height: 34px; }

	#partners li { padding: 25px 60px 25px 25px; }	
	.partners_link { width: 50px; }
	.partners_link span { right: 20px; }
	#partners-r { margin-top: 25px; }
	#partners-join { padding: 25px; }
	#partners-join ul { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
	
	#partner-details, #partner-consortium { padding: 25px; }	

	#footer-l ul { grid-template-columns: repeat(2,1fr); }
	
	#copy p { width: 50%; float: left; }
	#copy #author { text-align: right; }	
}

/* -- 4 -- */
@media screen and (max-width: 599px) {
	header { height: 50px; margin: 20px 20px 0; }	
	#fav_icon { right: 100px; }
	#login { right: 60px; }	
	
	#search-engine { background-image: url('../img/search-engine-s.jpg'); }
	#search-engine-2 { padding: 50px 20px; }
	#search-engine h1 { font-size: 21px; }
	#search-engine-list { padding: 0 20px 50px; }
	
	#real-estate { padding: 0 20px 50px; }
	#latest-on-the-blog { padding: 0 20px 50px; }
	article, #similar-blog-2, .faq, #footer { padding: 50px 20px; }
	
	.sitemap { grid-template-columns: repeat(2,1fr); }
	
	#real-estate li h2, #latest-on-the-blog h2 { padding-right: 105px; }
	
	#real-estate-list-tools { flex-direction: column; text-align: center; }
	#real-estate-list-tools h1 { font-size: 21px; }
	#sort { width: 185px; margin: 20px auto 0; }
	#real-estate-list ul { grid-template-columns: repeat(2,1fr); }
	
	#real-estate-details-info ul { grid-template-columns: repeat(2,1fr); }
	#real-estate-details-entry-address a { margin-left: 0; margin-top: 5px; }
	#real-estate-details-description { overflow-wrap: break-word; }
	
	#real-estate-details-mobile { position: fixed; z-index: 400; background: #FFF; bottom: 20px; right: 20px; border-radius: 6px; box-shadow: 0 2px 20px rgba(0,0,0,0.15); padding: 0 5px; }
	#real-estate-details-mobile a { display: inline-block; margin: 10px 5px; color: #FFF; background: #3d3d3d; font-size: 12px; border-radius: 6px; padding: 5px 15px 6px; }
	#real-estate-details-mobile a.phoneLink { background: #1e943f; }
	#real-estate-details-mobile a .material-symbols-outlined { vertical-align: -7px; margin-right: 5px; }
	#real-estate-details-mobile a:hover { background: var(--hover-color); }
	
	#about { margin: 50px 20px; }
	
	.hide-mobile { display: none; }
	
	#about-us-slogan h1, #favorite-slogan p { font-size: 60px; line-height: 64px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	#about-us-slogan h1 span { font-size: 30px; line-height: 36px; }
	#about-us-number-of-offers { margin: 60px 0 40px; padding: 50px 35px 20px; }
	#about-us-number-of-offers:before { top: 0; margin-top: -30px; left: 50%; margin-left: -30px; }
	#about-us-number-of-offers span { font-size: 60px; line-height: 70px; }
	
	#about-us-2, #about-us-4 { margin: 50px 0; }	
	#advantages-of-the-portal, #join-why { grid-template-columns: repeat(1,1fr); margin-top: 20px; }	
	
	#join-top h1 { font-size: 32px; line-height: 38px; }
	#join-top p { font-size: 26px; line-height: 32px; }
	
	.partners_info, #partner-info { grid-template-columns: repeat(1,1fr); gap: 10px; }
	#partners li { padding: 20px 50px 20px 20px; }
	#partners li img, #partner-details img { width: 100px; }
	.partners_link { width: 40px; }
	.partners_link span { right: 10px; }
	#partners-r { margin-top: 20px; }
	#partners-join { padding: 20px; }
	#partners-join li:not(:last-child) { margin-bottom: 5px; }
	
	#partner-details, #partner-consortium { padding: 25px 20px; }	

	#footer-l { margin-bottom: 50px; }
}


@media screen and (max-width: 520px) {
	#real-estate-list ul { grid-template-columns: repeat(1,1fr); }
	.real-estate-list-image { height: 260px!important; }
}
@media screen and (min-width: 500px) and (max-width: 599px) {
	#blog-list { grid-template-columns: repeat(2,1fr); gap: 5px; }
}
@media screen and (max-width: 499px) {	
	#blog-list { grid-template-columns: repeat(1,1fr); }
}

@media screen and (min-width: 440px) and (max-width: 699px) {
	
}
@media screen and (max-width: 439px) {
	.sitemap { grid-template-columns: repeat(1,1fr); }
}
@media screen and (max-width: 380px) {
	#real-estate-details-contact-owner-links a { font-size: 12px; }
}
@media screen and (max-width: 350px) {
	#real-estate-details-info ul { grid-template-columns: repeat(1,1fr); }
}