.blog-page-section .left-side{padding-top: 50px; padding-bottom: 50px;}
.blog-page-section .right-side{padding-top: 50px; padding-bottom: 100px; border-left: 1px solid #5B606233;padding-left: 42px;}
.blog-page-section .left-side article{position: sticky; top: 250px}
.blog-page-section .left-side article h2{font-weight: 700; font-size: 44px; line-height: normal; text-align: left; margin-bottom: 14px;}
.blog-page-section .left-side article h3{font-family: 'Raleway'; font-weight: 400; font-style: italic; font-size: 30px; line-height: normal; margin-bottom: 28px; color: #0E5B9C;}
.blog-page-section .left-side article p{color: #5C5C5C; font-weight: 400; font-size: 20px; line-height: 34px;}
.blog-page-section .left-side article p::after{content: ''; display: block; margin: 30px 0; width: 160px; height: 1px; background-color: #5B606233;}
.blog-page-section .left-side article .search-input{padding: 16px 14px; border: 1px solid #D3D3D3; border-radius: 4px; margin-bottom: 30px; display: flex ; align-items: center;    margin-right: 20px;}
.blog-page-section .left-side article .search-input img{    margin-right: 16px;}
.blog-page-section .left-side article .search-input input{padding: 0; border: 0; margin: 0; font-size: 16px; line-height: 20px; color: #53555ACC; width: 100%;}
.blog-page-section .left-side article .caregory-list li a{font-weight: 400; font-size: 18px; line-height: normal; color: #5C5C5C; margin-bottom: 20px; display: block;}
.blog-page-section .left-side article .caregory-list li a:hover, .blog-page-section .left-side article .caregory-list li.active a{font-weight: 800; color: #065897;}

.blog-page-section .all-blogs{display: grid ; grid-template-columns: 1fr 1fr; grid-gap: 40px;}
.blog-page-section .all-blogs .blog-img img{width: 100%; height: 350px; object-fit: cover; border-radius: 6px; margin-bottom: 18px;}
.blog-page-section .all-blogs article h4.date{ font-weight: 500; font-size: 18px; line-height: 20px; margin-bottom: 16px; color: #333333CC; } 
.blog-page-section .all-blogs article h3{ font-weight: 700; font-size: 26px; line-height: 36px; color: #333333; margin-bottom: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } 
.blog-page-section .all-blogs article h3 a{color: #333333;}
.blog-page-section .all-blogs article p{ font-family: 'Raleway'; font-weight: 400; font-size: 20px; line-height: 32px; color: #333333CC; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } 
.blog-page-section .all-blogs article h5.category-name{ font-weight: 600; font-size: 20px; line-height: 34px; letter-spacing: 0.01em; color: #155689; margin-top: 10px; }
.blog-page-section .all-blogs article h5.category-name a{color: #155689; }
.blog-page-section .all-blogs figure{margin-bottom: 0;}

.blog-page-section .pagination{justify-content: center; margin-top: 60px;}
.blog-page-section .pagination li a{font-weight: 500; font-size: 24px; line-height: 20px; display: flex ; align-items: center; justify-content: center; height: 50px; width: 50px; margin: 0 5px; background-color: #F1F3F6; border-radius: 4px;}
.blog-page-section .pagination li.current-page a, .blog-page-section .pagination li a:hover{font-weight: 700; color: #fff; background-color: #0E5B9C;}
.blog-page-section .pagination li a:hover img{filter: brightness(0) invert(1);}

.blog-single-page #toc-container { overflow-y: scroll; height: 620px; padding-right: 20px } 
.blog-single-page #toc-container::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 9%); background-color: #fff } 
.blog-single-page #toc-container::-webkit-scrollbar { width: 5px; background-color: #fff } 
.blog-single-page #toc-container::-webkit-scrollbar-thumb { background-color: #F2F2F2; border: 2px solid #F2F2F2 }


/* Details page */
.blog-single-page{    padding: 40px 0 100px;}
.blog-single-page .all-posts{background-image: url(../images/all-blog.webp); font-weight: 400; font-size: 16px; line-height: 22px; color: #333333; background-repeat: no-repeat; background-position: center left; padding-left: 32px; margin-bottom: 60px;}
.blog-single-page .all-posts.mobile{display: none;}
.blog-single-page .share-sec.mobile{display: none;}



.blog-single-page .timming{font-weight: 500; font-size: 18px; margin-bottom: 60px; line-height: 20px; color: #333333;}
.blog-single-page .share-sec h4{font-weight: 400; font-size: 16px; line-height: 22px; margin-bottom: 12px; color: #333333;}
.blog-single-page .share-sec ul{display: flex ; align-items: center; margin-bottom: 60px;gap: 15px;}
.blog-single-page .share-sec ul li{margin-right: 12px;}
.blog-single-page .toc-sec h3{font-weight: 600; font-size: 24px; line-height: normal; margin-bottom: 25px; color: #333333;}
.blog-single-page .toc-sec #toc-content{padding-left: 20px;border-left: 2px solid #EDEDED; position: relative;}
.blog-single-page .toc-sec #toc-magic-line { position: absolute; left: -1px; top: 0; width: 4px; background: #fdb913;  transition: height 0.3s, top 0.3s; }
.blog-single-page .toc-sec #toc-content a {display: block; font-size: 20px; font-weight: 500; line-height: 28px; color: #333333CC; margin-bottom: 24px;}
.blog-single-page .toc-sec #toc-content a:last-child{margin-bottom: 0;}
.blog-single-page .toc-sec #toc-content a.active , .blog-single-page .toc-sec #toc-content a:hover{color: #333333;font-weight: 600;}
.blog-single-page .single-left-side .inner-content{position: sticky; top: -50px; padding-right: 50px;}
.blog-single-page .posted-on{font-weight: 400; font-size: 16px; line-height: 22px; margin-bottom: 24px; color: #333333;}
.blog-single-page .posted-on span a{color: #065897; font-weight: 600;}
.blog-single-page h1{font-weight: 700; font-size: 45px; line-height: normal; letter-spacing: 0.02em; margin-bottom: 20px; color: #333333;}
.blog-single-page .author-name a{font-weight: 600; font-size: 20px; line-height: normal; letter-spacing: 0.02em; color: #000000; margin-bottom: 40px; display: inline-block;}
/* .blog-single-page .author-name a span{color: #fdb913;} */
/* .blog-single-page .author-name a span.dairy-head{font-style: italic;font-size: 16px;} */
.blog-single-page .featured-image{border-radius: 12px; margin-bottom: 0;width: 100%;}
.blog-single-page .all-blog-contents h2{font-weight: 700; font-size: 34px; line-height: 44px; color: #333; margin-bottom: 20px; margin-top: 70px;}
.blog-single-page .all-blog-contents h4{font-weight: 700; font-size: 24px; line-height: normal; margin-bottom: 24px; color: #333; margin-top: 30px;}
.blog-single-page .all-blog-contents p{font-weight: 400; font-size: 22px; line-height: 36px; color: #333333CC; margin-bottom: 30px;}
.blog-single-page .all-blog-contents ul li{font-weight: 500; font-size: 22px; line-height: 28px; color: #333333CC; margin-bottom: 20px; padding-left: 44px; background-image: url(../images/blog-list-icon.webp); background-repeat: no-repeat; background-position: 0 2px;}
.blog-single-page .all-blog-contents ul {margin-bottom: 20px;}
.blog-single-page .content-with-img-sec{display: flex; align-items: center; margin-top: 70px;}
.blog-single-page .content-with-img-sec .img-sec{width: 44%; padding-right: 20px;}
.blog-single-page .content-with-img-sec .content-sec{width: 56%; padding-left: 25px;}
.blog-single-page .content-with-img-sec .content-sec p:last-child{margin-bottom: 0;}
.blog-single-page .botanica-content-with-img-sec{display: flex; align-items: center; margin-top: 70px;gap: 25px;}
.blog-single-page .botanica-content-with-img-sec .img-sec{width: 20%; padding-right: 0px;}
.blog-single-page .botanica-content-with-img-sec .content-sec{width: 80%; padding-left: 10px;}
.blog-single-page .botanica-content-with-img-sec .content-sec p:last-child{margin-bottom: 0;}
.blog-single-page .botanica-content-with-img-sec .content-sec p:first-child{font-weight: 700; font-style: italic; font-size: 26px; line-height: 34px;color: #333333;    margin-bottom: 10px;}
.blog-single-page .all-blog-contents p b, .blog-single-page .all-blog-contents li b{color: #333333;}
.blog-single-page .botanica-content-with-img-sec .content-sec p:last-of-type{margin-bottom: 0;}

@media (min-width: 1401px) and (max-width: 1800px) {

.blog-page-section .left-side article h2{ font-size: 38px; margin-bottom: 10px;}
.blog-page-section .left-side article h3{ font-size: 26px; margin-bottom: 18px;}
.blog-page-section .left-side article p{font-size: 16px; line-height: 26px;}

.blog-page-section .all-blogs .blog-img img{    height: 250px;}
.blog-page-section .all-blogs article h3 {font-size: 24px; line-height: 34px;}

.blog-single-page h1{font-size: 38px;}
.blog-single-page .single-left-side .inner-content{padding-right: 30px;}
.blog-single-page .toc-sec #toc-content a{font-size: 18px; margin-bottom: 18px;}
.blog-single-page .all-blog-contents h2{font-size: 30px; line-height: 40px;margin-top: 50px;}
.blog-single-page .all-blog-contents p{font-size: 20px; line-height: 34px;margin-bottom: 20px;}
.blog-single-page .all-blog-contents h4{font-size: 22px;margin-bottom: 20px;margin-top: 26px;}
.blog-single-page .all-blog-contents ul li{font-size: 20px; line-height: 23px;margin-bottom: 15px; padding-left: 35px; background-size: 20px;}
.blog-single-page .content-with-img-sec .content-sec{padding-left: 0;}
.blog-single-page .content-with-img-sec{margin-top: 50px;}
.blog-single-page .botanica-content-with-img-sec .content-sec{padding-left: 0;}


}
@media (min-width: 1200px) and (max-width: 1399.98px) {

.blog-page-section .left-side article h2{ font-size: 34px; margin-bottom: 10px;}
.blog-page-section .left-side article h3{ font-size: 22px; margin-bottom: 10px;}
.blog-page-section .left-side article p{font-size: 14px; line-height: 24px;}
.blog-page-section .left-side article .caregory-list li a{    margin-bottom: 15px; font-size: 16px;}

.blog-page-section .all-blogs .blog-img img{    height: 250px;}
.blog-page-section .all-blogs article h3 {font-size: 22px; line-height: 32px;margin-bottom: 12px;}
.blog-page-section .all-blogs article h4.date{font-size: 16px; line-height: 18px; margin-bottom: 12px;}
.blog-page-section .all-blogs article p{font-size: 16px; line-height: 26px;}
.blog-page-section .all-blogs article h5.category-name {font-size: 18px; line-height: 30px;}
.blog-page-section .all-blogs{    grid-gap: 40px 20px;}

.blog-single-page h1{font-size: 38px;}
.blog-single-page .single-left-side .inner-content{padding-right: 30px;}
.blog-single-page .toc-sec #toc-content a{font-size: 18px; margin-bottom: 18px;}
.blog-single-page .all-blog-contents h2{font-size: 30px; line-height: 40px;margin-top: 50px;}
.blog-single-page .all-blog-contents p{font-size: 20px; line-height: 34px;margin-bottom: 20px;}
.blog-single-page .all-blog-contents h4{font-size: 22px;margin-bottom: 20px;margin-top: 26px;}
.blog-single-page .all-blog-contents ul li{font-size: 20px; line-height: 23px;margin-bottom: 15px; padding-left: 35px; background-size: 20px;}
.blog-single-page .content-with-img-sec .content-sec{padding-left: 0;}
.blog-single-page .content-with-img-sec{margin-top: 50px;}
.blog-single-page .botanica-content-with-img-sec .content-sec{padding-left: 0;}


}
@media (min-width: 992px) and (max-width: 1199.98px) {

.blog-page-section .left-side article h2{ font-size: 28px; margin-bottom: 10px;}
.blog-page-section .left-side article h3{ font-size: 22px; margin-bottom: 10px;}
.blog-page-section .left-side article p{font-size: 14px; line-height: 24px;}
.blog-page-section .left-side article .caregory-list li a{    margin-bottom: 10px; font-size: 14px;}
.blog-page-section .left-side article{top: 180px;}
.blog-page-section .left-side article .search-input img { margin-right: 10px; width: 12px; }
.blog-page-section .left-side article .search-input { padding: 10px 12px;}

.blog-page-section .all-blogs .blog-img img{    height: 180px;}
.blog-page-section .all-blogs article h3 {font-size: 22px; line-height: 32px;margin-bottom: 12px;}
.blog-page-section .all-blogs article h4.date{font-size: 16px; line-height: 18px; margin-bottom: 12px;}
.blog-page-section .all-blogs article p{font-size: 16px; line-height: 26px;}
.blog-page-section .all-blogs article h5.category-name {font-size: 18px; line-height: 30px;}
.blog-page-section .all-blogs{    grid-gap: 40px 20px;}

.blog-single-page h1{font-size: 32px;}
.blog-single-page .single-left-side .inner-content{padding-right: 30px;top: 0;}
.blog-single-page .toc-sec #toc-content a{font-size: 18px; margin-bottom: 18px;}
.blog-single-page .all-blog-contents h2{font-size: 26px; line-height: 34px;margin-top: 40px;}
.blog-single-page .all-blog-contents p{font-size: 18px; line-height: 30px;margin-bottom: 15px;}
.blog-single-page .all-blog-contents h4{font-size: 20px;margin-bottom: 18px;margin-top: 22px;}
.blog-single-page .all-blog-contents ul li{font-size: 18px; line-height: 23px;margin-bottom: 15px; padding-left: 35px; background-size: 20px;}
.blog-single-page .content-with-img-sec .content-sec{padding-left: 0;}
.blog-single-page .content-with-img-sec{margin-top: 40px;}
.blog-single-page .botanica-content-with-img-sec .content-sec{padding-left: 0;}
.blog-single-page .timming , .blog-single-page .all-posts , .blog-single-page .share-sec ul{margin-bottom: 40px;}
.blog-single-page .author-name a{margin-bottom: 25px;}
.blog-single-page .botanica-content-with-img-sec .content-sec p:first-child{font-size: 22px; line-height: 30px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {

.blog-page-section .left-side article { position: unset;}
.blog-page-section .left-side article h2{ font-size: 28px; margin-bottom: 10px; text-align: center;}
.blog-page-section .left-side article h3{ font-size: 22px; margin-bottom: 10px;text-align: center;}
.blog-page-section .left-side article p{font-size: 18px; line-height: 28px;text-align: center;}
.blog-page-section .left-side article p::after{margin-left: auto ; margin-right: auto;}
.blog-page-section .left-side article .caregory-list li a{    margin-bottom: 10px; font-size: 14px;}
.blog-page-section .left-side article .caregory-list {padding: 0px 0 10px 0; overflow-x: auto; overflow-y: hidden; display: flex ; justify-content: flex-start;}
.blog-page-section .left-side article .caregory-list li{margin-right: 15px; width: max-content; white-space: nowrap;}
.blog-page-section .left-side article{top: 180px;}
.blog-page-section .left-side article .search-input img { margin-right: 10px; width: 12px; }
.blog-page-section .left-side article .search-input { padding: 10px 12px; margin-right: 0;}

.blog-page-section .right-side { padding-top: 0; padding-bottom: 50px; border-left: 0; padding-left: 12px; }
.blog-page-section .all-blogs .blog-img img{    height: 180px;}
.blog-page-section .all-blogs article h3 {font-size: 22px; line-height: 32px;margin-bottom: 12px;}
.blog-page-section .all-blogs article h4.date{font-size: 16px; line-height: 18px; margin-bottom: 12px;}
.blog-page-section .all-blogs article p{font-size: 16px; line-height: 26px;}
.blog-page-section .all-blogs article h5.category-name {font-size: 18px; line-height: 30px;}
.blog-page-section .all-blogs{    grid-gap: 40px 20px;}
.blog-page-section .pagination li a{height: 40px; width: 40px;font-size: 20px;}

.blog-single-page .single-left-side .inner-content { display: none;}
.blog-single-page .all-posts.mobile { display: block; margin-bottom: 30px; }
.blog-single-page .share-sec.mobile{display: block; margin-bottom: 30px;}
.blog-single-page .share-sec ul{margin-bottom: 0;}

.blog-single-page h1{    font-size: 30px;}
.blog-single-page .all-blog-contents h2{margin-top: 50px;font-size: 28px; line-height: 35px;}
.blog-single-page .all-blog-contents p{font-size: 18px; line-height: 30px;margin-bottom: 20px;}
.blog-single-page .all-blog-contents h4{font-size: 20px;}
.blog-single-page .all-blog-contents ul li{font-size: 18px; line-height: 23px;margin-bottom: 15px; padding-left: 35px; background-size: 20px;}
.blog-single-page .content-with-img-sec{margin-top: 50px;}
.blog-single-page .content-with-img-sec .content-sec{padding-left: 0;}
.blog-single-page { padding: 50px 0; }
}


@media (max-width: 575.98px){

.blog-page-section .left-side article { position: unset;}
.blog-page-section .left-side article h2{ font-size: 28px; margin-bottom: 10px; text-align: center;}
.blog-page-section .left-side article h3{ font-size: 22px; margin-bottom: 10px;text-align: center;}
.blog-page-section .left-side article p{font-size: 18px; line-height: 28px;text-align: center;}
.blog-page-section .left-side article p::after{margin-left: auto ; margin-right: auto;}
.blog-page-section .left-side article .caregory-list li a{    margin-bottom: 10px; font-size: 14px;}
.blog-page-section .left-side article .caregory-list {padding: 0px 0 10px 0; overflow-x: auto; overflow-y: hidden; display: flex ; justify-content: flex-start;}
.blog-page-section .left-side article .caregory-list li{margin-right: 15px; width: max-content; white-space: nowrap;}
.blog-page-section .left-side article{top: 180px;}
.blog-page-section .left-side article .search-input img { margin-right: 10px; width: 12px; }
.blog-page-section .left-side article .search-input { padding: 10px 12px; margin-right: 0;}

.blog-page-section .right-side { padding-top: 0; padding-bottom: 50px; border-left: 0; padding-left: 12px; }
.blog-page-section .all-blogs .blog-img img{    height: 180px;}
.blog-page-section .all-blogs article h3 {font-size: 22px; line-height: 32px;margin-bottom: 12px;}
.blog-page-section .all-blogs article h4.date{font-size: 16px; line-height: 18px; margin-bottom: 12px;}
.blog-page-section .all-blogs article p{font-size: 16px; line-height: 26px;}
.blog-page-section .all-blogs article h5.category-name {font-size: 18px; line-height: 30px;}
.blog-page-section .all-blogs{ grid-template-columns: 1fr; grid-gap: 30px;}
.blog-page-section .pagination li a{height: 40px; width: 40px;font-size: 20px;}
.blog-page-section .pagination li a{height: 40px; width: 40px;font-size: 20px;}

.blog-single-page .single-left-side .inner-content { display: none;}
.blog-single-page .all-posts.mobile { display: block; margin-bottom: 30px; }
.blog-single-page .share-sec.mobile{display: block; margin-bottom: 30px; }
.blog-single-page .share-sec ul{margin-bottom: 0;}

.blog-single-page h1{    font-size: 30px;}
.blog-single-page .all-blog-contents h2{margin-top: 30px;font-size: 26px; line-height: 35px;}
.blog-single-page .all-blog-contents p{font-size: 16px; line-height: 26px; margin-bottom: 15px;}
.blog-single-page .all-blog-contents h4{font-size: 18px; margin-top: 20px; margin-bottom: 20px;}
.blog-single-page .all-blog-contents ul li{font-size: 16px; line-height: 23px;margin-bottom: 15px; padding-left: 30px; background-size: 18px;}
.blog-single-page .content-with-img-sec{margin-top: 30px;}
.blog-single-page .content-with-img-sec .content-sec{padding-left: 0;width: 100%; margin-top: 20px;}    
.blog-single-page { padding: 50px 0; }
.blog-single-page .content-with-img-sec .img-sec { width: 100%; padding-right: 0; }
.blog-single-page .content-with-img-sec {    margin-top: 40px;flex-wrap: wrap;}
.blog-single-page .botanica-content-with-img-sec .img-sec { width: 100%; padding-right: 0;         text-align: center;}
.blog-single-page .botanica-content-with-img-sec {flex-wrap: wrap;    margin-top: 40px;}
.blog-single-page .botanica-content-with-img-sec .content-sec{padding-left: 0;width: 100%; margin-top: 20px;}    
.blog-single-page .botanica-content-with-img-sec .content-sec p:first-child{font-size: 20px; line-height: 30px;}
}    
@media (max-width: 767.98px) and (orientation: landscape) {

.blog-page-section .left-side article { position: unset;}
.blog-page-section .left-side article h2{ font-size: 28px; margin-bottom: 10px; text-align: center;}
.blog-page-section .left-side article h3{ font-size: 22px; margin-bottom: 10px;text-align: center;}
.blog-page-section .left-side article p{font-size: 18px; line-height: 28px;text-align: center;}
.blog-page-section .left-side article p::after{margin-left: auto ; margin-right: auto;}
.blog-page-section .left-side article .caregory-list li a{    margin-bottom: 10px; font-size: 14px;}
.blog-page-section .left-side article .caregory-list {padding: 0px 0 10px 0; overflow-x: auto; overflow-y: hidden; display: flex ; justify-content: flex-start;}
.blog-page-section .left-side article .caregory-list li{margin-right: 15px; width: max-content; white-space: nowrap;}
.blog-page-section .left-side article{top: 180px;}
.blog-page-section .left-side article .search-input img { margin-right: 10px; width: 12px; }
.blog-page-section .left-side article .search-input { padding: 10px 12px; margin-right: 0;}

.blog-page-section .right-side { padding-top: 0; padding-bottom: 50px; border-left: 0; padding-left: 12px; }
.blog-page-section .all-blogs .blog-img img{    height: 180px;}
.blog-page-section .all-blogs article h3 {font-size: 22px; line-height: 32px;margin-bottom: 12px;}
.blog-page-section .all-blogs article h4.date{font-size: 16px; line-height: 18px; margin-bottom: 12px;}
.blog-page-section .all-blogs article p{font-size: 16px; line-height: 26px;}
.blog-page-section .all-blogs article h5.category-name {font-size: 18px; line-height: 30px;}
.blog-page-section .all-blogs{ grid-template-columns: 1fr; grid-gap: 30px;}
.blog-page-section .pagination li a{height: 40px; width: 40px;font-size: 20px;}

.blog-single-page .single-left-side .inner-content { display: none;}
.blog-single-page .all-posts.mobile { display: block; margin-bottom: 30px; }
.blog-single-page .share-sec.mobile{display: block; margin-bottom: 30px; }
.blog-single-page .share-sec ul{margin-bottom: 0;}

.blog-single-page h1{    font-size: 30px;}
.blog-single-page .all-blog-contents h2{margin-top: 30px;font-size: 26px; line-height: 35px;}
.blog-single-page .all-blog-contents p{font-size: 16px; line-height: 26px; margin-bottom: 15px;}
.blog-single-page .all-blog-contents h4{font-size: 18px; margin-top: 20px; margin-bottom: 20px;}
.blog-single-page .all-blog-contents ul li{font-size: 16px; line-height: 23px;margin-bottom: 15px; padding-left: 30px; background-size: 18px;}
.blog-single-page .content-with-img-sec{margin-top: 30px;}
.blog-single-page .content-with-img-sec .content-sec{padding-left: 0;width: 100%; margin-top: 20px;}    
.blog-single-page { padding: 50px 0; }
.blog-single-page .content-with-img-sec .img-sec { width: 100%; padding-right: 0; }
.blog-single-page .content-with-img-sec {    margin-top: 40px;flex-wrap: wrap;}
.blog-single-page .botanica-content-with-img-sec .img-sec { width: 100%; padding-right: 0;         text-align: center;}
.blog-single-page .botanica-content-with-img-sec {flex-wrap: wrap;    margin-top: 40px;}
.blog-single-page .botanica-content-with-img-sec .content-sec{padding-left: 0;width: 100%; margin-top: 20px;}    
.blog-single-page .botanica-content-with-img-sec .content-sec p:first-child{font-size: 20px; line-height: 30px;}
    
}
@media (min-width: 576px) and (max-width: 767.98px) {

.blog-page-section .left-side article { position: unset;}
.blog-page-section .left-side article h2{ font-size: 28px; margin-bottom: 10px; text-align: center;}
.blog-page-section .left-side article h3{ font-size: 22px; margin-bottom: 10px;text-align: center;}
.blog-page-section .left-side article p{font-size: 18px; line-height: 28px;text-align: center;}
.blog-page-section .left-side article p::after{margin-left: auto ; margin-right: auto;}
.blog-page-section .left-side article .caregory-list li a{    margin-bottom: 10px; font-size: 14px;}
.blog-page-section .left-side article .caregory-list {padding: 0px 0 10px 0; overflow-x: auto; overflow-y: hidden; display: flex ; justify-content: flex-start;}
.blog-page-section .left-side article .caregory-list li{margin-right: 15px; width: max-content; white-space: nowrap;}
.blog-page-section .left-side article{top: 180px;}
.blog-page-section .left-side article .search-input img { margin-right: 10px; width: 12px; }
.blog-page-section .left-side article .search-input { padding: 10px 12px; margin-right: 0;}

.blog-page-section .right-side { padding-top: 0; padding-bottom: 50px; border-left: 0; padding-left: 12px; }
.blog-page-section .all-blogs .blog-img img{    height: 180px;}
.blog-page-section .all-blogs article h3 {font-size: 22px; line-height: 32px;margin-bottom: 12px;}
.blog-page-section .all-blogs article h4.date{font-size: 16px; line-height: 18px; margin-bottom: 12px;}
.blog-page-section .all-blogs article p{font-size: 16px; line-height: 26px;}
.blog-page-section .all-blogs article h5.category-name {font-size: 18px; line-height: 30px;}
.blog-page-section .all-blogs{ grid-template-columns: 1fr; grid-gap: 30px;}
.blog-page-section .pagination li a{height: 40px; width: 40px;font-size: 20px;}

.blog-single-page .single-left-side .inner-content { display: none;}
.blog-single-page .all-posts.mobile { display: block; margin-bottom: 30px; }
.blog-single-page .share-sec.mobile{display: block; margin-bottom: 30px; }
.blog-single-page .share-sec ul{margin-bottom: 0;}

.blog-single-page h1{    font-size: 30px;}
.blog-single-page .all-blog-contents h2{margin-top: 30px;font-size: 26px; line-height: 35px;}
.blog-single-page .all-blog-contents p{font-size: 16px; line-height: 26px; margin-bottom: 15px;}
.blog-single-page .all-blog-contents h4{font-size: 18px; margin-top: 20px; margin-bottom: 20px;}
.blog-single-page .all-blog-contents ul li{font-size: 16px; line-height: 23px;margin-bottom: 15px; padding-left: 30px; background-size: 18px;}
.blog-single-page .content-with-img-sec{margin-top: 30px;}
.blog-single-page .content-with-img-sec .content-sec{padding-left: 0;width: 100%; margin-top: 20px;}    
.blog-single-page { padding: 50px 0; }
.blog-single-page .content-with-img-sec .img-sec { width: 100%; padding-right: 0; }
.blog-single-page .content-with-img-sec {    margin-top: 40px;flex-wrap: wrap;}
.blog-single-page .botanica-content-with-img-sec .img-sec { width: 100%; padding-right: 0;         text-align: center;}
.blog-single-page .botanica-content-with-img-sec {flex-wrap: wrap;    margin-top: 40px;}
.blog-single-page .botanica-content-with-img-sec .content-sec{padding-left: 0;width: 100%; margin-top: 20px;}    
.blog-single-page .botanica-content-with-img-sec .content-sec p:first-child{font-size: 20px; line-height: 30px;}
}