.hme-blog-wrapp .more-details-btn { margin: 20px auto 0 auto; text-align: center;}
.blog-banner { padding-top: 100px;}
.blog-banner .align { height: 200px; background-image: url(../images/banner/blog-banner.webp); background-position: center center; }
.blog-land-items-wrapp { gap: 40px;}
.land-blog-item { width: calc(33.333% - 40px);}
.blog-main-had h2 { font-size: 24pt; padding-bottom: 30px; line-height: 34pt;}
.blog-single-wrapp { position: relative;}
.side-bar { position: absolute; width: 400px; padding: 20px 20px 40px 20px; border: var(--border); top: 0; right: 0;}
.side-bar ul { display: flex; flex-wrap: wrap; row-gap: 40px; flex-direction: column;}
.side-bar li { display: block; position: relative; } 
.side-bar li figure { width: 120px; position: absolute; left: 0;}
.side-bar li h3 { padding:0 0 0 130px; font-size: 10pt; line-height: 18pt; }
.sidebar-title { font-size: 16pt; padding-bottom: 10px; }

.blog-single-content { padding-right: 450px;}

.side-bar li a:link, .side-bar li a:visited { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100;}
.blog-page-banner { padding: 30px 0;}


@media (max-width: 1400px) { 

.blog-land-items-wrapp { gap: 20px;}
.land-blog-item {
    width: calc(33.333% - 20px);
}
}


@media (max-width: 1300px) { 
.blog-main-had h2 {
    font-size: 20pt;
    padding-bottom: 30px;
    line-height: 30pt;
}

.blog-land-items-wrapp { gap: 20px;}
.land-blog-item {
    width: calc(50% - 20px);
}

}
@media (max-width: 1024px) { 
.side-bar {
    display: none;

}

.blog-single-content {
    padding-right: 0px;
}



}



@media (max-width: 668px) { 
.blog-main-had h2 {
    font-size: 18pt;
    padding-bottom: 25px;
    line-height: 25pt;
}

.blog-land-items-wrapp { gap: 20px;}
.land-blog-item {
    width: calc(100% - 0px);
}

}