* { margin: 0; padding: 0; }
img { max-width: 100%; height: auto; vertical-align: top;}
.blog-header-home { position: relative;}
.site-logo-blog { position: absolute; width: 117px; z-index: 1000; top: 20px; left: 50%; transform: translateX(-50%); }
.blog-landing, .blog-single-page, .blog-landing-page { padding: 60px 0;}
.blog-title  { padding-bottom: 20px; margin-bottom: 50px; border-bottom: 1px solid #e3ded6; }
.blog-title h1 { color: #c8a978; text-transform: uppercase; font-size: 22px; font-weight: 600; }
.post-fate { font-size: 14px; text-shadow: -1px 4px 6px rgba(0,0,0,0.48);}
.post-name { text-transform: uppercase; font-size: 24px; font-weight: 600; text-shadow: -1px 4px 6px rgba(0,0,0,0.48);}
.blog-landing ul { gap: 30px; justify-content: center;}
.blog-landing-page ul {gap:15px; justify-content: center}
.blog-landing li { width: calc(50% - 30px); padding-bottom: 15px; }
.blog-landing-page li {  width: calc(33.33% - 15px); }
.blog-landing  figure, .blog-landing-page figure  { position: relative;} .blog-landing figure img { width:100%}
.blog-landing figcaption { position: absolute; bottom: 0; padding: 40px; color: #fff;}
.blog-landing-page figcaption { padding:35px; }
.blog-landing-page li { background-color:#f7f7f7}
.blog-landing-page .post-name, .blog-landing-page .post-fate { text-transform: uppercase;font-weight: 600; text-shadow: -1px 4px 6px rgba(0,0,0,0);}
.blog-landing-page .post-name { font-size: 18px;  }
.blog-readmore { display: inline-block; padding-top: 20px;}
.blog-readmore a:link, .blog-readmore a:visited { display: block; padding: 10px 35px 10px 20px; border: 1px solid #fff; background-color: #fff; font-size: 14px; border-radius: 45px; color: #1b1b1b; position: relative; } 
.sub-page {    padding: var(--gutter)}
.page-tile {    font-size: 26pt;    padding-bottom: 35px;    text-align: center;    text-transform: capitalize}
.feat-img {    float: right;    width: 500px;    margin-left: 30px;    margin-bottom: 15px}
.recentPost {    position: absolute;    width: calc(300px - 0px);    top: 0;    right: 0;    z-index: 1200}
.post-block {    padding-right: 350px}
.btmHead {    font-size: 16pt;    padding-bottom: 15px;    border-bottom: 1px solid #3d386f}
.thumbRecent {    width: 150px;    float: left;    padding-right: 25px}
.recentPost Ul {    padding-top: 25px}
.recentPost li {    display: block;    padding: 15px 0;    border-bottom: 1px solid #bcc2c7;    position: relative}
.hme-widSubHd {    font-size:13pt;    padding-bottom: 10px} .recentPost p { font-size:12px; line-height: 20px;
}
.fullLink:link, .fullLink:visited {    position: absolute;    display: block;    width: 100%;    height: 100%;    z-index: 100;    top: 0;    left: 0}
.author, .Date { float:left; font-size:16pt; padding:15px 0 }.Date { float:right }
.next-prev-btn-wrapp {    padding: 0 20px;    margin: 20px 0;    background-color:#3a4534;}
.next-prev-btn-wrapp  a:link, .next-prev-btn-wrapp  a:visited { color:#fff }
.prev-btn {    float: left}
.next-btn {    float: right }
.next-prev-btn-wrapp a:link, .next-prev-btn-wrapp a:visited {    display: inline-block;    padding: 15px 0 }
.comments-wrapper {     margin-top: 55px}
.comment-reply-title {    font-size: 18pt;    line-height: 1.2;    margin-bottom: 15px;}
#comments {    margin: 0}
.comments-wrapper {    margin: 0}
.clear { clear: both; float: none;}
.alignleft { float:left; max-width:450px !important; padding-right:35px;  padding-bottom:20px}
.listing li{    display: block;    position: relative;    padding: 8px 0;    padding-left: 14px;}
.listing li::before {    position: absolute;    content: "";    display: block;    width: 6px;    height: 6px;    background-color: var(--golgColor);    border-radius: 50%;    top: 14px;    left: 0; }
.blog-readmore a:hover { background-color:#ebdede}

.view-all-blogs {  width:125px; text-align:center; margin:40px auto 0 auto }
.view-all-blogs a:link, .view-all-blogs a:visited { display:block; padding:10px 35px 10px 20px; background-color:#45513e; color:#fff; border-radius:10px; position:relative }
.blog-readmore a:after, .view-all-blogs a:after { content:""; display:block; background-image:url("https://gokulamgrandcoorg.com/blog/wp-content/uploads/2024/02/arrow.png"); background-repeat:no-repeat; width:6px; height:10px; position:absolute;     top: 17px;    right: 20px; }
.view-all-blogs a:after {background-image:url("https://gokulamgrandcoorg.com/blog/wp-content/uploads/2024/02/arrow-width.png");}
.next-prev-btn-wrapp { color:#fff }
.blog-landing { padding-bottom: 80px;}
@media (max-width: 1300px) {
	.blog-landing ul { gap: 20px}
	.blog-landing li {    width: calc(50% - 20px);    padding-bottom: 15px; }
	
}


@media (max-width: 1100px) {
	.container {    padding: 0 40px; }	
	.blog-landing ul { gap: 10px}
	.blog-landing li {    width: calc(50% - 10px);    padding-bottom: 15px; }
	.blog-landing figcaption {    padding: 19px; }
	.post-name {     font-size: 20px; }
	.blog-landing-page li {    width: calc(50% - 0px); }
}

@media (max-width: 990px) {
	.blog-landing p { display:none; }
	.post-block { padding-right:0}
	.recentPost { position:relative; width:calc(100% - 0px);    }
	
	.recentPost Ul {
		
		display: flex;
  flex-direction: row; gap:10px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: normal;
  align-content: normal;
}
	.recentPost li { width:calc(50% - 10px)}
	
}
    


@media (max-width: 600px) {
		.container {    padding: 0 20px; }
	.blog-landing li, .blog-landing-page li {    width: calc(100% - 0px);    padding-bottom: 15px; }
	.alignleft { max-width:calc(100% - 0px) !important; padding:0 0 20px 0}
	.page-tile {		font-size: 16pt; }
	.thumbRecent {
    width: 100%;
    float: left;
    padding-right: 0px; padding-bottom:25px
}
	
}