.main-content-wrap {
    padding-top: 121px;
}

/*blog-landing-hero*/
.blog-landing-hero{float: left; width: 100%; min-height: 260px; background-image: -webkit-gradient(linear, right top, left top, from(#d2dfff), to(#fbf6ff)); background-image: -o-linear-gradient(right, #d2dfff, #fbf6ff); background-image: linear-gradient(to left, #d2dfff, #fbf6ff);}
.blog-landing-hero-inner{float: left; width: 100%; height: auto;}
.blog-landing-hero-inner h1{float: left; width: 100%; text-align: center; margin-top: 80px; font-weight: 800;}
.blog-landing .lunar-bg{background-position: top center;}
/*blog-landing-hero*/

/*beginning-recent-posts-section*/
.recent-posts-wrap{float: left; width: 100%; padding-bottom: 85px; background-image: linear-gradient(to bottom, #ffffff, #f6f9fd);}
.posts-nav-wrap{float: left; width: 100%; margin-top: 40px;}
.posts-nav-wrap .common-wrap{max-width: 1180px;}
.posts-nav-inner{float: left; width: 100%; box-shadow: inset 0 -1px 0 0 rgba(165, 172, 198, 0.5);}
.post-nav-title{float: left; width: 199px;}
.post-nav-title h3{float: left; letter-spacing: -0.6px;}
.posts-nav{float: left; width: calc(100% - 199px); padding-right: 3px;}
.posts-main-nav{float: right; width: auto;}
.posts-nav ul li{float: left;  margin-left: 32px;}
.posts-nav ul li:first-child{margin-left: 0;}
.posts-nav ul li a{float: left; font-size: 14px; line-height: 20px; color: #3c81f5; padding: 16px 0 23px; position: relative;}
.posts-nav ul li a::after{content: ''; position: absolute; left: 0; top: auto; bottom: 0; width: 0; height: 3px; background: #3c81f5; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;}
.posts-main-nav > ul > li:hover > a:after {width: 100%;}
.posts-main-nav a.active{font-weight: 700;}
.posts-main-nav a.active:after{width: 100%;}

.posts-nav-selectric .selectric .label{color: #1e306e!important; font-weight: 700;}
.posts-nav-selectric .selectric-items .selectric-scroll li.selected{font-weight: 700;}
.posts-item-wrap{float: left; width: 100%;}
.posts-item-wrap .common-wrap{max-width: 1172px; padding: 0px 16px;}
.posts-inner-wrap{float: left; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap;}
.posts-item{float: left; width: 31.57894736842105%; border-radius: 5px; background-color: #ffffff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.1); margin-left: 2.631578947368421%; margin-top: 40px; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.posts-item:hover{box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.3);}
.posts-item:nth-child(3n+1){margin-left: 0;}
.posts-item-thumb{float: left; width: 100%; height: 252px; overflow:hidden}
.posts-item-thumb img {border-top-left-radius: 5px; border-top-right-radius: 5px;object-fit: cover; width: 100%; height: 252px;}
.posts-item-thumb.lunar-bg:after {height: 16px; background-image: url(/svgs/blog-landing/lunar-shape-mobile.svg);}
.posts-item-texts{float: left; width: 100%; padding: 30px;}
.posts-item h4{float: left; width: 100%; text-align: center;}
.posts-item-archive{float: left; width: 100%; text-align: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap;justify-content: center; margin-top: 88px;}
.posts-item-archive dfn{float: left; font-size: 14px; line-height: 20px; color:#3c81f5; padding-left: 17px; position: relative;}
.posts-item-archive dfn:first-child{padding-left: 0;}
.posts-item-archive dfn::before{content: ''; width: 10px; height: 20px; position: absolute; box-shadow: inset -1px 0 0 0 rgba(165, 172, 198, 0.5); top: 0; left: 0;}
.posts-item-archive dfn:first-child{color: #616e99;}
.posts-item-archive dfn:first-child::before{display: none;}

.posts-item-form{float: left;width: 100%;}
.posts-item-form .input-row{margin-top: 14px;}
.posts-item-form .input-row:nth-child(2){margin-top: 10px;}
.posts-signup-form{padding: 20px 30px 30px; background-image: linear-gradient(to left, #d2dfff, #fbf6ff); box-shadow: none;}
.posts-signup-form:hover{box-shadow: none}
.posts-signup-form figure{width: 64px; margin: 0 auto;}
.posts-signup-form h2{color: #1e306e; letter-spacing: -0.5px; text-align: center; margin-top: 20px;}
.posts-signup-form p{text-align: center; margin-top: 16px;}
.posts-signup-form input[type="submit"]{width: 100%; border-radius: 5px; transition: .3s ease-in-out;}
.posts-signup-form a{float: left; width: 100%; font-size: 14px; line-height: 20px; color: #3c81f5; display: block; text-align: center; margin-top: 8px;}


.blog-landing .category-paggination-next{width: 73px;}
.blog-landing .category-paggination-next img {right: 0px; z-index: 1}
.blog-landing .category-paggination-count{width: 42%;}
.blog-landing a.paggination-active{color: #3c81f5!important;}
.blog-landing .category-paggination-count li {margin-right: 2.19298245614035%;}
.blog-landing .category-paggination-count li a{z-index: 99;}
.blog-landing .category-paggination-count li a:hover{color: #3c81f5;}
.category-paggination-next a:after{top: -6px; left: auto; right: -6px; z-index: 0;}
/*beginning-recent-posts-section*/


.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){
    .main-content-wrap { padding-top: 120px; }
    .blog-landing-hero{min-height: 136px;}
    .blog-landing-hero-inner h1{font-size: 28px; line-height: 36px; margin-top: 40px;}
    .posts-nav-wrap{margin-top: 25px;}
    .posts-nav-inner{box-shadow: none;}
    .post-nav-title h3 {font-size: 30px; line-height: 40px;}
    .recent-posts-wrap {padding-bottom: 66px;}
    .posts-item {width: 100%; margin-top: 24px; margin-left: 0;}
    .blog-landing .selectric-wrapper{margin-top: 13px;}
    .posts-item:first-child{ margin-top: 14px; }
    .posts-item-thumb, .posts-item-thumb img{height: 210px;}
    .posts-item h4{font-size: 18px; line-height: 28px; letter-spacing: normal;}
    .posts-item-archive {margin-top: 106px;}
    .posts-signup-form h2{font-size: 35px; line-height: 45px;}
    .posts-item-form .input-row:nth-child(2) { margin-top: 0px; }
    .posts-signup-form{padding: 20px 28px 30px 27px;}
    
    .blog-landing .mattresses-category-paggination {padding: 0px 0px 0 0; margin-top: 30px;}
    .blog-landing .category-paggination-prev dfn, .category-paggination-next dfn { display: block;}
    .blog-landing .category-paggination-next { width: 69px; }
    .blog-landing .category-paggination-count{display: none;}
    .blog-landing .category-paggination-next {margin-right: 5px}
    .blog-landing .category-paggination-next img { right: -4px; }

    
}
/*ipad view*/
@media only screen and (min-width:768px) and (max-width:991px){
    .posts-signup-form h2 { font-size: 20px; line-height: 28px; margin-top: 10px;}
    .posts-signup-form p{margin-top: 10px;}
    
    .posts-item-thumb {height: auto; }
    .posts-item-thumb img {height: auto;}
    .posts-item-archive{margin-top: 30px;}
    .posts-signup-form { padding: 10px;}
    
    
    
    .posts-item-form input:not([type="submit"]), textarea, .posts-signup-form input[type="submit"]{height: 40px;}
    .posts-item-texts {padding: 20px 10px 30px; }
    
    
    
    
    
    

}