.blog-article-page .main-wrap{overflow: revert;}
.blog-article.main-content-wrap{padding-top: 122px;}

/*blog-article-hero*/
.blog-article-hero{float: left; width: 100%; height: auto; background-color: #f6f9fd; padding-top: 78px;}
.article-hero-inner{float: left; width: 100%; border-radius: 10px; background-color: #ffffff; box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.3); margin-bottom: -40px; position: relative; z-index: 9999; border-radius: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; align-items: center;}
.article-hero-item{float: left; width: 48.68421052631579%; margin-left: 2.631578947368421%; }
.article-hero-item:nth-child(2n+1){padding-left: 8.51%; margin-left: 0;}
.article-hero-item h1{letter-spacing: -.35px;}
.article-hero-item .posts-item-archive{justify-content: flex-start; margin-top: 38px;}
/*blog-article-hero*/

/*blog-articles-wrap*/
.blog-articles-wrap{float: left; width: 100%; margin-top: 80px; position: relative;}
.blog-articles-wrap .common-wrap{max-width: 922px; padding: 0 16px;}
.blog-articles-item-wrap{float: left; width: 84.26966292134831%; margin-left: 3.370786516853933%;}
.blog-articles-inner{float: left; width: 100%;}
.blog-articles-item{float: left; width: 100%; margin-top: 40px;}
.blog-articles-item:first-child{margin-top: 0px;}
.articles-item-heading{float: left; width: 100%;}
.articles-item-contents{float: left; width: 100%; margin-top: 20px;}
.articles-item-contents p{float: left; width: 100%; margin-top: 26px;}
.articles-item-contents p:first-child{margin-top: 0px;}
.articles-share-btn-wrap {float: left; width: 40px; position: -webkit-sticky; position: sticky; top: 10px;}
.articles-share-btn-wrap a{float: left; width: 40px; height: 40px; background-color: #e5f1ff; border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; margin-top: 20px;}
.articles-share-btn-wrap a:first-of-type{margin-top: 0;}
.articles-item-contents li{float: left; width: 100%; margin-top: 27px; padding-left: 56px; position: relative;}
.articles-item-contents li:before{content: ''; position: absolute; top: -5px; left: 2px; width: 36px; height: 36px; background-color: #f6f9fd; border-radius: 50%; background-image: url('../svgs/blog-article/check.svg'); background-repeat: no-repeat; background-position: center; background-size: 24px 24px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center;}
.articles-item-contents li:first-child{margin-top: 0;}
.articles-item-contents h6{float: left; width: 100%; font-weight: 700; letter-spacing: normal;}
.articles-item-contents blockquote{float: left; width: 100%; background-color: #f6f9fd; padding: 69px 77px 30px; border-radius: 10px; margin-top: 40px;  -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2), 0 -11px 6px -10px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2), 0 -11px 6px -10px rgba(0, 0, 0, 0.05); position: relative;}
.articles-item-contents blockquote:before{content: ''; position: absolute; top: 30px; left: 50%;  -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 25px; height: 19px; background-image: url('../img/blog-article/quote.png'); background-repeat: no-repeat; background-position: center; background-size: 25px 19px;}
.articles-item-contents blockquote h4{text-align: center; letter-spacing: normal;}
.articles-item-contents blockquote cite{float: left; width: 100%; text-align: center; font-style: normal; font-size: 14px; line-height: 20px; letter-spacing: normal; margin-top: 20px;}
.articles-item-contents blockquote span{float: left; width: 100%; text-align: center; font-style: normal; font-size: 14px; line-height: 20px; letter-spacing: normal; margin-top: 4px; color: #616e99;}
.note{margin-top: 40px!important;}
.blog-articles-item:nth-child(2) .articles-item-contents{margin-top: 27px;}
.blog-article .category-paggination-count{display: none;}
.content-list p{margin-top: 16px;}
.blog-article .sign-up-wrap {margin-top: 88px; padding-bottom: 113px;}
.blog-article .category-paggination-next{max-width: 72px;}
.blog-article .category-paggination-next img{right: 0;}
.blog-article .category-paggination-next a:after{top: -6px; right: -7px;}
/*blog-articles-wrap*/

.category-paggination-prev {float: left; width: 104px;  max-width: 100%; position: relative; text-align: right; margin-top: 2px;}


/* =======================================================================================================
============================================ Responsive style ========================================== */

/*		Mobile Layout: 320px and 480px and more but less than or equal to 767px.
----------------------------------------------------------------------------------
*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .blog-article-hero{padding-top: 30px; background-color: #ffffff;}
    .blog-article-hero .common-wrap{padding: 0;}
    .article-hero-inner{margin-bottom: 0; box-shadow: none;}
    .article-hero-item{width: 100%; margin-left: 0; margin-top: 24px;}
    .article-hero-item:nth-child(2n+1){margin-top: 0; padding: 0 16px;}
    .article-hero-item .posts-item-archive{margin-top: 26px;}
    .article-hero-item img{width: 100%;}
    .articles-share-btn-wrap{float: left; width: 100%; position: relative;}
    .articles-share-btn-wrap a{margin-top: 0; margin-left: 16px;}
    .articles-share-btn-wrap a:first-of-type{margin-left: 0;}
    .blog-articles-wrap{margin-top: 24px;}
    .blog-articles-item-wrap{width: 100%; margin-left: 0; margin-top: 24px;}
    .articles-item-heading h4{font-size: 18px; line-height: 28px;}
    .articles-item-contents{margin-top: 16px;}
    .articles-item-contents p{margin-top: 25px;}
    .blog-articles-item{margin-top: 25px;}
    .blog-articles-item:nth-child(2) .articles-item-contents { margin-top: 30px; }
    .articles-item-contents blockquote{margin-top: 31px;  padding: 70px 34px 30px;}
    .blog-article .sign-up-wrap{margin-top: 66px;}
    .content-list p { margin-top: 17px; }
    .articles-item-contents li{margin-top: 30px;}
    .blog-landing .mattresses-category-paggination{margin-top: 65px;}
    .blog-article .sign-up-wrap{padding-bottom: 58px;}
    .blog-article .category-paggination-next img {right: -5px;}
    .blog-article .category-paggination-next a:after {right: -10px; }
}


@media only screen and (min-width: 768px) and (max-width: 991px){
    .article-hero-item:nth-child(2n+1){margin-top: 0; padding: 0px 0px 0px 20px;}
    .article-hero-item h1{font-size: 36px; line-height: 46px;}
}