/* Other Changes */
.archive .respond,
.archive #sidebar,
.archive #footer .main__menu,
.archive #content .meta,
.category .respond,
.category #sidebar,
.category #footer .main__menu,
.category #content .meta,
.single-post .respond,
.single-post #sidebar,
.single-post #footer .main__menu,
.single-post #content .meta,
.author #sidebar,
.author #footer .main__menu,
.author #content .meta {display:none;}
.archive #content,
.category #content,
.single-post #content,
.author #content {max-width: 1440px;margin: auto; padding: 50px 0 80px;}
.archive .content,
.category .content,
.single-post .content,
.author .content {background:none;overflow: unset;width: 100%;margin-right: 0;}
.archive .content img,
.category .content img,
.single-post .content img,
.author .content img {margin: auto;}
.archive .heading-banner-1,
.category .heading-banner-1,
.single-post .heading-banner-1,
.author .heading-banner-1 {display:none;}
.archive #footer,
.category #footer,
.single-post #footer,
.author #footer {position:relative;}


/* Portrait and Landscape */
@media only screen 
  and (min-width: 200px) 
  and (max-width: 480px) {
.archive #content,
.category #content,
.single-post #content,
.author #content {padding: 30px 15px;}
.archive #content img,
.category #content img,
.single-post #content img,
.author #content img {width: 100%;
    height: auto;}
.archive .content,
.category .content,
.single-post .content,
.author .content {margin-right:0;}
.team-template-default .content img {
float: none !important;
display: block;
margin-left: auto;
margin-right: auto !important;
margin-bottom:20px;
}
}

.team-template-default .title {
max-width:1440px;
width:100%;
margin-left:auto;
margin-right:auto;
padding-left:20px;
padding-right:20px;
}
.team-template-default .content {
max-width:1440px;
width:100%;
margin-left:auto;
margin-right:auto;
background: none;
padding-left:20px;
padding-right:20px;
}
.team-template-default .content img {
float: left;
margin-right: 20px;
}

.team-template-default #sidebar,
.team-template-default #footer,
.team-template-default .title .info,
.team-template-default .meta,
.team-template-default .navigation{
display:none;
}
.team-details-sub-1.second-active, .team-details-sub-1.first-active, .team-details-sub-1.third-active, .team-details-sub-1.fourth-active, .team-details-sub-1.fifth-active, .team-details-sub-1.sixth-active {
    transform: translateX(0px);
    opacity: 1;
}

.single__blog {
    cursor: pointer;
}
section#contentCanvas-4 span.content-clr {
    bottom: 0;
}

/* new for images */

.team__img::before {
    z-index: 99;
}
.team__img::after {
    opacity: 1 !important;
}

.single__team.st-1:nth-child(1) span.team-lyer1::before {
    position: absolute;
    content: "";
    background-image: url(https://steelpeakproperties.com/wp-content/uploads/2024/01/teamx2.png);
    width: 100%;
    height: 100%;
    z-index: 9;
}  

.single__team.st-1:nth-child(2) span.team-lyer1::before {
    position: absolute;
    content: "";
    background-image: url(https://steelpeakproperties.com/wp-content/uploads/2024/01/teamx1.png);
    width: 100%;
    height: 100%;
    z-index: 9;
}
 span.team-lyer1 {
    position: relative;
}

.sidebar__decription p {;
    opacity: 1 !important;
    font-weight: 500 !important;
}   

img.white-1 {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    z-index: 0;
}

.image-ee3 {
    position: relative;
}
.image-ee3:hover .black-1 {
    transform: scale(0);
}

.single__blog:hover .black-1 {
    transform: scale(0);
}
.single__blog:hover .white-1 {
    filter: unset;
}

img.black-1 {
    position: relative;
    z-index: 9;
    transform: scale(1);
    transition: 0.8s;
}
.images__block img {
    width: 100%;
}
.images__block img {
    width: 100%;
}
.team-details-sub-1.sb-1 p, .inverstor__content p,
.sidebar__decription p { 
 opacity: 1 !important;
    font-weight: 500 !important;
		font-size: 16px;	 
}

#contentCanvas-2 .content, #contentCanvas-4 .content {
    position: static;
}

span.contnt-clr2 {
    position: absolute;
    bottom: 0;
}

#contentCanvas-2 .sidebar__container, #contentCanvas-4 .sidebar__container {
	padding: 80px 28px 80px 30px;
}

.blog-details .team-details-content img {
    filter: grayscale(1);
}

.blog__detail__link {
    position: absolute;
    inset: 0;
    margin: auto;
   	z-index: 999;	
}

.single__blog {
    position: relative;
}

.blog__img img {
    filter: grayscale(1);
}
.contnt-clr2 {
    display: none !important;
}
.generalPage{
	max-width: 1200px;
	margin: atuo !important;
}
div#contentPage {
    margin: auto;
}

.nav-panels li:nth-child(6) {
    top: 750px;
    left: -13px;
}
span.policy-content-bold {
    color: #000;
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    text-transform: capitalize;
    margin-top: 32px;
    display: block;
}
div#cookieOverlay {
    display: none !important;
}
button.link__btn.btn-5 {
   display: none !important;
}
button.btnv-5 {
   display: none !important;
}








@media only screen and (max-width: 700px) {
	.main__menu {
			top: -100vh;
		overflow: auto;
	}
	.cursor {
			display: none !important;
	}
}
@media only screen and (max-width: 600px) {
	a.logo {
			margin-top: 0;
	}
}

#wrapper {

  overflow-x: hidden;
}

.overlay .popup {
	position: absolute;
    top: 62vh;
	left:6vw;
    background-color: white;
    padding: 0 !important;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
/*     max-width: fit-content; */
    margin: auto;
}
    .mini-text-box {
            padding: 20px 20px 22px 17px;
            width: 100%;
            max-width: 510px;
            border-radius: 12px;
            background-color: white;
        }

        .mini-text-box p {
            color: #525252;
            font-size: 14px;
            font-weight: 400;
					    font-family: 'Urbanist';
            line-height: 24px;
            letter-spacing: 0.14px;
        }

        .mini-text-box p span {
            color: #000;
            font-weight: 600;
            text-decoration-line: underline;
            text-decoration-color: #525252;
        }

        .all-btns {
            width: 100%;
            display: flex;
					justify-content:space-between;
            align-items: center;
/*             gap: 24px; */
            margin-top: 17px;
        }

        .all-btns a {
            color: #FFF;
            text-align: center;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 0.16px;
            border-radius: 8px;
            background: #000;
            border: 1px solid transparent;
            padding: 12px 30px;
            text-decoration: none;
        }

        .all-btns a:hover {
            color: black;
            border-color: #000;
            background-color: white;
        }
h2.heading-banner-1{
	bottom: 34vh;
}


@media screen and (max-width: 768px) {
.overlay .popup {
width:100%;
max-width:90%;
top: 45vh;
margin: 0 auto;
}
.mini-text-box {
max-width:100%;
}
.all-btns a {
 padding: 12px 10px;
}
#contentPage,
.archive #content,
.category #content
.single-post #content,
.author #content {padding: 30px 15px;}

}