.blogs-section-top { margin-top: 110px;}
.blogs-section-top p { font-size: 17px; margin: 20px 0 50px; line-height: 29px;}


.sleep-advise-sectionsstart:nth-child(n+2)  {  margin-top: 100px; }
.sleep-advose-categoryhead { display: flex; flex-wrap: wrap; justify-content: space-between;  }
.sleep-advose-categoryhead h1 { max-width: 80%; order: 1; }
.sleep-advose-categoryhead p { order: 3; }
.sleep-advose-categoryhead a { order: 2; margin-top: 10px; font-family: "Intelo Light", sans-serif; }

.blog-grid-section { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 32px; grid-column-gap: 15px; }

.blogs-section-top img { border-radius: 8px; margin-bottom: 16px; height: 279px; object-fit: cover; }
.blogs-section-top h3 { margin-bottom: 8px; font-size: 17px; line-height: 26px; color: #407DC9; font-family: "Intelo Regular", sans-serif; }
.blogs-section-top h5 { font-family: "Intelo Regular", sans-serif; font-size: 15px; line-height: 23px; color: #062B4E;}
.blogs-section-top h6 { margin-top: 8px; font-size: 10px; margin-bottom: 15px; line-height: 16px; color: #062B4E; letter-spacing: 0.11em; text-transform: uppercase; font-family: "Intelo Bold", sans-serif;  }



.blog-article-page { margin: 108px 0 118px;}
.blog-article-page .article-content { max-width: 826px; margin: 60px auto 0; }
.blog-article-page .article-content .content { margin: 60px 0 0; }
.blog-article-page .article-content .article-share-date { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; }
.blog-article-page .article-content .article-share-date .date-time { font-size: 14px; line-height: 22px; letter-spacing: 0.11em;     text-transform: uppercase; color: #062B4E; font-family: "Intelo Bold", sans-serif; }
.blog-article-page .article-content .content p { margin-top: 24px; font-size: 18px; line-height: 26px; font-family: "Intelo Regular", sans-serif; }
.blog-article-page .article-content .content h2 { margin-top: 60px; font-size: 30px; line-height: 120%; font-family: "Intelo Bold", sans-serif; }
.blog-article-page .article-content .content h4 { font-size: 18px; line-height: 150%; color: #407DC9; font-family: "Intelo Bold", sans-serif;margin-top: 24px; }
.blog-article-page .article-content .content blockquote { font-size: 20px; line-height: 28px; color: #407DC9; max-width: 517px;    margin: 54px auto; max-width: 90%; border-left: 2px solid #062b4e; padding-left: 5%; }
.blog-article-page .article-content .content blockquote p { color: #407DC9; }
.blog-article-page .article-content .content ul { margin: 24px 0 60px; max-width: 680px; padding-left: 20px; }
.blog-article-page .article-content .content ul li { font-size: 18px; line-height: 140%; color: #062B4E; font-family: "Intelo Regular", sans-serif; list-style: disc; margin-bottom: 24px; }



@media (max-width: 991px) { 
    .blogs-section-top { margin-top: 80px;}
    .blogs-section-top h3 { font-size: 19px; line-height: 28px;  }
    .blogs-section-top img { height: 210px; width: 100%;}
    .blog-grid-section { grid-template-columns: 1fr; grid-row-gap: 20px; }
    .blogs-section-top h1 { font-size: 26px; line-height: 34px; font-family: "Intelo Regular", sans-serif;}
    .blogs-section-top p { font-size: 15px; margin: 10px 0 30px; line-height: 22px;}

    .sleep-advose-categoryhead h1 { max-width: 100%; order: 1; }
    .sleep-advose-categoryhead p { order: 2; margin: 10px 0 15px; }
    .sleep-advose-categoryhead a { order: 3; margin: 0 0 20px; text-align: center; width: 100%; }
 
    .sleep-advice-mob-blogs:nth-child(n+2) h3 { font-size: 17px; line-height: 25px; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical;  }
    .sleep-advice-mob-blogs:nth-child(n+2) img { height: 105px; width: 100%; margin-bottom: 0;}
    .sleep-advice-mob-blogs:nth-child(n+2) a { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px; }
    .sleep-advice-mob-blogs:nth-child(n+2) h5 { display: none; }
    .sleep-advice-mob-blogs:nth-child(n+2) h6 { margin-bottom: 0; }

    .sleep-advise-sectionsstart:nth-child(n+2) { margin-top: 40px; }


    .blog-article-page { margin: 98px 0 80px;}
    .blog-article-page .article-content { margin: 0; }
    .blog-article-page .article-content .content { margin: 24px 0 0; }
    .blog-article-page .article-content .content blockquote { margin: 32px auto; }
    .blog-article-page .article-content .article-share-date .date-time { font-size: 12px; line-height: 15px; }
    .blog-article-page .article-content .content p { margin-top: 12px; font-size: 16px; line-height: 25px; }
    .blog-article-page .article-content .content h2 { margin-top: 40px; font-size: 24px; }
    .blog-article-page .article-content .content ul { margin: 14px 0 40px; }
    .blog-article-page .article-content .content ul li { font-size: 16px; margin-bottom: 15px; }

}