/*---------------960 Screen size---------------*/
@media only screen and (min-width: 959px) and (max-width: 1170px) {
.holder { width: 960px; }
.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li { width: 33.33%; }

.post-nav-2 .midway .midway1 {
	padding:8%;
}
}

/*---------------iPad landscape---------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 959px) {
.parallax {	background-attachment: scroll!important; background-size: cover !important; }
.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li { width: 50%; }
}

/*---------------iPad portrait---------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#mobile-menu ul, .holder { width: 650px; }	
#header-wrapper { position: relative; }
.menu { display:none; }
.parallax {	background-attachment: scroll!important; background-size: cover !important; }
.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li { width: 50%; }

.one-fifth { width: 100%; margin-right: 0; margin-bottom: 45px; }
.one-fourth, .three-fourth, .holder.fullwidth .one-fourth { width: 48%; margin-bottom: 45px; }
.boxed.one, .boxed.one-half, .boxed.one-third, .boxed.two-third, .boxed.one-fourth, .boxed.three-fourth, .boxed.one-fifth { padding:6%; }
.one-fourth:nth-child(2n+1) { margin-right: 0; }
.holder.fullwidth .one-half, .holder.fullwidth .one-third, .holder.fullwidth .two-third, .holder.fullwidth .one-fourth, .holder.fullwidth .three-fourth, .holder.fullwidth .one-fifth { margin-bottom: 0; }
.holder.fullwidth .one-fourth, .holder.fullwidth .three-fourth, .holder.fullwidth .one-fifth { width: 50%; margin-bottom: 0; }

.post-nav-2 .midway .midway1 { padding:8%; }
.post-nav-2.extended .article { width: 47%; }
.post-nav-2.extended .all { width: 6%; }
.post-nav-2 .next a { padding-right: 0; }
.post-nav-2 .prev a { padding-left: 0; }
}

/*---------------iPhone landscape---------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#mobile-menu ul, .holder { width: 420px; }	
#header-wrapper { position: relative; }
.menu {display:none;}
.parallax {	background-attachment: scroll!important; background-size: cover !important; }
.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li { width: 100%; }

.one, .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth { width: 100%; margin-right: 0; }
.holder.fullwidth .one-half, .holder.fullwidth .one-third, .holder.fullwidth .two-third, .holder.fullwidth .one-fourth, .holder.fullwidth .three-fourth, .holder.fullwidth .one-fifth { width: 100%; margin-bottom: 0; }

.post-nav-2 .midway .midway1 { padding:10%; }
.post-nav-2.extended .article { width: 47%; }
.post-nav-2.extended .all { width: 6%; }
.post-nav-2 .next a { padding-right: 0; }
.post-nav-2 .prev a { padding-left: 0; }
}

/*--------------iPhone portrait---------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
#mobile-menu ul, .holder { width: 300px; }	
#header-wrapper { position: relative; }
.menu {display:none;}
.parallax {	background-attachment: scroll!important; background-size: cover !important; }
.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li { width: 100%; }

.one, .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth { width: 100%; margin-right: 0; }
.holder.fullwidth .one-half, .holder.fullwidth .one-third, .holder.fullwidth .two-third, .holder.fullwidth .one-fourth, .holder.fullwidth .three-fourth, .holder.fullwidth .one-fifth { width: 100%; margin-bottom: 0; }

.post-nav-2 .midway .midway1 { padding:10%; }
.post-nav-2.extended .article { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
.post-nav-2 .next a { padding-right: 0; }
.post-nav-2 .prev a { padding-left: 0; }
}







/*---------------Blog Responsive CSS---------------*/

/*---------------960 Screen size---------------*/
@media only screen and (min-width: 959px) and (max-width: 1170px) {
.inner-content { width: 650px; }
.sidebar { width: 200px; }

.blog-holder-grid .post { width:100%; padding-bottom: 40%; border-bottom: solid 1px #000; }
.blog-holder-grid .post:last-child { border-bottom: none; }
.blog-holder-grid .post:nth-child(4n+3) .post-content, .blog-holder-grid .post:nth-child(4n+4) .post-content { left:auto; right:0; }
.blog-holder-grid .post:nth-child(4n+3) .post-media, .blog-holder-grid .post:nth-child(4n+4) .post-media { right:auto; left:0; }
.blog-holder-grid .post:nth-child(4n+3) .post-content:after, .blog-holder-grid .post:nth-child(4n+4) .post-content:after { right:auto; left:0; margin-left:-15px; border-left: none; border-right: 15px solid #f5f5f5; }
.blog-holder-grid .post:nth-child(4n+3) .post-content:hover:after, .blog-holder-grid .post:nth-child(4n+4) .post-content:hover:after {border-right-color: #313131; }
.content.alternate .blog-holder-grid .post:nth-child(4n+3) .post-content:after, .content.alternate .blog-holder-grid .post:nth-child(4n+4) .post-content:after { border-right-color: #fff; }
.blog-holder-grid .responsive-video-video > div, .blog-holder-grid .responsive-video-vimeo > div, .blog-holder-grid .responsive-video-youtube > div { padding-top: 80.5%; }
.blog-holder-grid .post-title .title, .blog-holder-grid .post-title .title a { font-size: 25px; line-height: 30px; }

.blog-holder-masonry.col-3 .post, .blog-holder-masonry.col-4 .post, .blog-holder-masonry.col-5 .post { width: 46.73%; }

.blog-holder-background-image.col-4 .article { width: 33.33%; }

.blog-holder-default .post-date li.day { right: 0px; }
}

/*---------------iPad portrait---------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.inner-content, .sidebar { width: 650px; }
.inner-content { border-bottom: 2px solid #eee; margin: 0 0 40px 0; padding: 0 0 40px 0; }

.blog-holder-grid .post { width:100%; padding-bottom: 40%; border-bottom: solid 1px #000; }
.blog-holder-grid .post:last-child { border-bottom: none; }
.blog-holder-grid .post:nth-child(4n+3) .post-content, .blog-holder-grid .post:nth-child(4n+4) .post-content { left:auto; right:0; }
.blog-holder-grid .post:nth-child(4n+3) .post-media, .blog-holder-grid .post:nth-child(4n+4) .post-media { right:auto; left:0; }
.blog-holder-grid .post:nth-child(4n+3) .post-content:after, .blog-holder-grid .post:nth-child(4n+4) .post-content:after { right:auto; left:0; margin-left:-15px; border-left: none; border-right: 15px solid #f5f5f5; }
.blog-holder-grid .post:nth-child(4n+3) .post-content:hover:after, .blog-holder-grid .post:nth-child(4n+4) .post-content:hover:after {border-right-color: #313131; }
.content.alternate .blog-holder-grid .post:nth-child(4n+3) .post-content:after, .content.alternate .blog-holder-grid .post:nth-child(4n+4) .post-content:after { border-right-color: #fff; }
.blog-holder-grid .responsive-video-video > div, .blog-holder-grid .responsive-video-vimeo > div, .blog-holder-grid .responsive-video-youtube > div { padding-top: 80.5%; }
.blog-holder-grid .post-title .title, .blog-holder-grid .post-title .title a { font-size: 25px; line-height: 30px; }

.blog-holder-masonry.col-3 .post, .blog-holder-masonry.col-4 .post, .blog-holder-masonry.col-5 .post { width: 46.73%; }

.blog-holder-masonry-style2 { width: 100%; margin: 0; }
.blog-holder-masonry-style2 .post { width: 100%; margin-left: 0; margin-bottom: 60px; }
.blog-holder-masonry-style2 .post-content .post-left, .blog-holder-masonry-style2 .post-content .post-right { width: 100%; float: left; }
.blog-holder-masonry-style2 .post-content .post-left { margin-bottom: 30px; }

.blog-holder-background-image.col-2 .article, .blog-holder-background-image.col-3 .article, .blog-holder-background-image.col-4 .article { width: 50%; height: 550px; }

.blog-holder-default .post-date li.day { right: 0px; }
}

/*---------------iPhone landscape---------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.inner-content, .sidebar { width: 420px; }
.inner-content { border-bottom: 2px solid #eee; margin: 0 0 40px 0; padding: 0 0 40px 0; }

.blog-holder-grid .post { width:100%; padding-bottom: 35%; border-bottom: solid 1px #000; }
.blog-holder-grid .post:last-child { border-bottom: none; }
.blog-holder-grid .post, .blog-holder-grid .post-content, .blog-holder-grid .post-media { width:100%!important; height: auto; }
.blog-holder-grid .post { padding-bottom: 0; }
.blog-holder-grid .post-content { position: relative; padding-bottom: 15%; }
.blog-holder-grid .post-media { position: relative; margin-bottom: 0; height: auto!important; }
.blog-holder-grid .post-content:after, .blog-holder-grid .post-content:before { border: none; }
.blog-holder-grid .responsive-video-video > div, .blog-holder-grid .responsive-video-vimeo > div, .blog-holder-grid .responsive-video-youtube > div { padding-top: 125%; }
.blog-holder-grid .post-title .title, .blog-holder-grid .post-title .title a { font-size: 25px; line-height: 30px; }
.blog-holder-grid .post-content .link { bottom: 15%; }

.blog-holder-masonry.col-2 .post, .blog-holder-masonry.col-3 .post, .blog-holder-masonry.col-4 .post, .blog-holder-masonry.col-5 .post { width: 90%; margin-left: 5%; margin-bottom: 5%; }

.blog-holder-masonry-style2 { width: 100%; margin: 0; }
.blog-holder-masonry-style2 .post { width: 100%; margin-left: 0; margin-bottom: 60px; }
.blog-holder-masonry-style2 .post-content .post-left, .blog-holder-masonry-style2 .post-content .post-right { width: 100%; float: left; }
.blog-holder-masonry-style2 .post-content .post-left { margin-bottom: 30px; }

.blog-holder-background-image.col-1 .article, .blog-holder-background-image.col-2 .article, .blog-holder-background-image.col-3 .article, .blog-holder-background-image.col-4 .article { width: 100%; height: 400px; }

.blog-holder-default .post-date:after { display:none; }
.blog-holder-default .post-date li.day { left: 0px; }
.blog-holder-default .post-date li.day span { font-size: 38px; }
}

/*---------------iPhone portrait---------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.inner-content, .sidebar { width: 300px; }
.inner-content { border-bottom: 2px solid #eee; margin: 0 0 40px 0; padding: 0 0 40px 0; }

.blog-holder-grid .post { width:100%; padding-bottom: 35%; border-bottom: solid 1px #000; }
.blog-holder-grid .post:last-child { border-bottom: none; }
.blog-holder-grid .post, .blog-holder-grid .post-content, .blog-holder-grid .post-media { width:100%!important; height: auto; }
.blog-holder-grid .post { padding-bottom: 0; }
.blog-holder-grid .post-content { position: relative; padding-bottom: 15%; }
.blog-holder-grid .post-media { position: relative; margin-bottom: 0; }
.blog-holder-grid .post-content:after, .blog-holder-grid .post-content:before { border: none; }
.blog-holder-grid .responsive-video-video > div, .blog-holder-grid .responsive-video-vimeo > div, .blog-holder-grid .responsive-video-youtube > div { padding-top: 200%; }
.blog-holder-grid .post-title .title, .blog-holder-grid .post-title .title a { font-size: 25px; line-height: 30px; }
.blog-holder-grid .post-content .link { bottom: 15%; }

.blog-holder-masonry.col-2 .post, .blog-holder-masonry.col-3 .post, .blog-holder-masonry.col-4 .post, .blog-holder-masonry.col-5 .post { width: 80%; margin-left: 10%; margin-bottom: 5%; }

.blog-holder-masonry-style2 { width: 100%; margin: 0; }
.blog-holder-masonry-style2 .post { width: 100%; margin-left: 0; margin-bottom: 60px; }
.blog-holder-masonry-style2 .post-content .post-left, .blog-holder-masonry-style2 .post-content .post-right { width: 100%; float: left; }
.blog-holder-masonry-style2 .post-content .post-left { margin-bottom: 30px; }

.blog-holder-background-image.col-1 .article, .blog-holder-background-image.col-2 .article, .blog-holder-background-image.col-3 .article, .blog-holder-background-image.col-4 .article { width: 100%; height: 400px; }

.blog-holder-default .post-date:after { display:none; }
.blog-holder-default .post-date li.day { left: 0px; }
.blog-holder-default .post-date li.day span { font-size: 38px; }
}