/* TABLETS */
@media screen and (min-width: 768px) {


	/*  --------------------------------------------
		BASE (@base) - base html elements
    -------------------------------------------- */

	/* ----- TYPOGRAPHY ----- */
	h1 {
		font-size: 38px;
	}

	h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 18px;
	}

	h4 {
		font-size: 16px;
	}

	h5 {
		font-size: 14px;
	}

	h6 {
		font-size: 13px;
	}

	p {
		margin: 0 0 20px 0;
	}

	ul,
	ol {
		margin: 1em 0 20px;
	}

	/* blockquote  */
	blockquote {
		max-width: 20em;
		margin-left: auto;
		margin-right: auto;
		font-size: 32px;
		line-height: 1.3;
	}

	blockquote.alignleft,
	blockquote.alignright {
		padding-bottom: 0;
		margin-bottom: 22px;
	}

	blockquote.alignleft {
		padding-right: 0;
		text-align: left;
	}

	blockquote.alignright {
		padding-left: 0;
		text-align: right;
	}

	hr {
		margin: 4em 0;
	}

	/* FORMS */
	.input-text,
	select,
	.uploader,
	.selector {
		max-width: 320px;
	}

	textarea {
		min-height: 14em;
		max-width: 768px;
	}

	/* Jet Elements Subscribe Input Fix */
	.jet-elements .input-text,
	.jet-elements select,
	.jet-elements .uploader,
	.jet-elements .selector {
		max-width: none;
	}


	/*  --------------------------------------------
		LAYOUT (@layout) : layout styles
    -------------------------------------------- */

	.site-main {
		padding: 70px 0;
	}

	/* MIDDLE BOXED */
	.is-middle-boxed .site-main {
		margin-bottom: 70px;
	}

	.is-middle-boxed .top-content+.site-main {
		margin-top: 50px;
	}

	.hentry {
		margin-bottom: 28px;
	}

	.entry-header {
		margin-bottom: 42px;
	}

	/* TOP BAR */
	.top-bar-wrap>div {
		flex: 1;
	}

	.top-bar-wrap>div {
		justify-content: flex-start;
		flex: 1 1 auto;
	}

	.top-bar .top-bar-right {
		flex: 0 0 auto;
		border-top: 0;
	}

	/* remove top-bar side paddings when top bar is fixed width and top bar content is full width */
	.is-top-bar-content-full.is-top-bar-fixed-width .top-bar {
		padding: 0;
	}



	/* SIDEBAR */
	/*.is-tablet-sidebar .with-sidebar { 
        float: left; width: 100%; margin-right: -240px;
        }
	.is-tablet-sidebar .with-sidebar .site-content {
		margin-right: 240px; padding-right: 30px;
		}
    .is-tablet-sidebar .sidebar { 
        float: left; width: 240px; margin-top: 0;
        }*/
	/* LEFT SIDEBAR */
	/*.is-tablet-sidebar.is-sidebar-left .with-sidebar {
		float: right; margin-left: -240px; margin-right: 0;
		}
	.is-tablet-sidebar.is-sidebar-left .with-sidebar .site-content {
		margin-left: 240px; margin-right: 0; padding-left: 30px; padding-right: 0;
		}
    .is-tablet-sidebar.is-sidebar-left .sidebar { 
        float: right;
        }*/

	/* WIDGET AREA */
	.widget-area .widget {
		margin: 0 0 4.4em 0;
	}

	/* TOP10 Popular Posts Widget */
	.tptn_posts_widget img {
		max-width: 94px;
	}

	.tptn_title {
		margin-top: 0.3em;
	}


	/*  --------------------------------------------
		MODULES @modules : reusable styles
    -------------------------------------------- */

	/* OWL CAROUSEL */
	.owl-theme .owl-nav {
		display: block;
	}

	/* FEATURED AREA */
	.featured-area {
		margin: -5px;
	}

	.blocks {
		margin: 0 -5px;
	}

	.block {
		padding: 5px;
	}

	/* ratio 16: 9 */
	.ratio-16-9 .post-wrap {
		padding-top: 56.25%;
	}

	/* ratio-16-9 post-slider height align fix */
	.ratio-16-9 .post-slider .post-wrap {
		padding-top: 57.25%;
	}

	/* INTRO */
	.intro {
		margin-left: 5px;
		margin-right: 5px;
	}

	.intro-text {
		width: 70%;
	}

	/* SECTION TITLE */
	.section-title {
		margin-bottom: 40px !important;
	}



	/*  --------------------------------------------
		BLOG (@blog) - blog related styles
    -------------------------------------------- */

	/* BLOG REGULAR */
	.blog-regular .entry-header,
	.blog-stream.first-full .hentry:first-child .entry-header {
		margin-bottom: 28px;
	}

	.blog-regular .entry-title,
	.blog-stream.first-full .hentry:first-child .entry-title {
		font-size: 32px;
	}

	/* BLOG LIST */
	.blog-list .featured-image {
		width: 40%;
	}

	.blog-list .hentry-middle {
		width: 60%;
	}

	.blog-list .hentry {
		margin-bottom: 42px;
	}

	.blog-list .hentry.has-post-thumbnail .entry-content {
		display: block;
	}

	.blog-list .hentry-middle {
		padding: 28px 42px 0 42px;
	}

	.blog-list .entry-content {
		display: block;
	}

	.blog-list .featured-image {
		padding-top: 47%;
	}

	/* BLOG CIRCLES */
	.blog-circles .hentry-middle {
		padding: 1em 3em 0em;
	}

	.blog-circles .hentry:not(:hover) .featured-image {
		border-radius: 50%;
		-webkit-transform: scale(1.2) translateX(-16px) translateY(-30px);
		transform: scale(1.2) translateX(-16px) translateY(-30px);
	}

	.blog-circles .hentry:nth-child(even):not(:hover) .featured-image {
		float: right;
		-webkit-transform: scale(1.2) translateX(16px) translateY(30px);
		transform: scale(1.2) translateX(16px) translateY(30px);
	}

	/* BLOG GRID */
	.blog-grid .hentry {
		width: 50%;
		float: left;
	}

	.blog-grid.first-full .hentry:first-child {
		width: 100%;
	}

	/* BLOG SIMPLE */
	.blog-simple {
		margin-bottom: 2em;
	}

	.blog-simple .hentry {
		height: 92px;
	}

	.blog-simple .hentry-left {
		width: 92px;
		height: 92px;
	}

	.blog-simple .hentry-middle {
		margin-left: 120px;
	}

	.blog-simple .entry-date {
		padding-top: 28px;
	}

	.blog-simple .entry-title {
		font-size: 25px;
	}

	.blog-simple .day {
		font-size: 33px;
	}

	/* BLOG SINGLE */
	.single .hentry>.entry-title {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	html:not(.is-single-post-title-with-margins) .top-content-single .post-header-classic .entry-header {
		padding: 40px 0;
	}

	/* SINGLE POST OVERLAY */
	.top-content-single .post-wrap {
		padding-top: 50%;
	}

	/* SOCIAL FEED & FLICKR WIDGET */
	.social-feed ul li,
	.flickr_badge_image {
		width: 50%;
	}

	.social-feed ul li img,
	.flickr_badge_image img {
		width: 100%;
		max-width: none;
	}

	/* PAGINATION */
	.navigation {
		letter-spacing: 2px;
	}

	.comment-nav {
		margin: 3em 0 6em;
	}

	/* RELATED POSTS */
	.related-posts {
		margin: 4em 0;
	}

	.related-posts .block {
		width: 33.33%;
		float: left;
	}

	.related-posts .post-wrap {
		padding-top: 100%;
		min-height: 260px;
	}

	/* NAV SINGLE */
	.nav-single {
		margin: 4em 0;
	}

	.nav-single>div {
		float: left;
		width: 50%;
		padding-right: 16px;
	}

	.nav-single>div.nav-next {
		float: right;
		padding-right: 0;
		padding-left: 16px;
	}

	/* ABOUT THE AUTHOR */
	.about-author {
		margin: 3em 0;
	}

	.is-about-author-boxed .author-bio,
	.is-about-author-boxed-dark .author-bio,
	.is-about-author-border .author-bio,
	.is-about-author-border-arrow .author-bio {
		padding: 3em 3em 2.2em;
	}

	.author-img {
		width: 116px;
	}

	.author-info {
		margin-left: 142px;
	}

	/* COMMENTS */
	.comments-area {
		margin-top: 4em;
	}

	.commentlist {
		padding-bottom: 2em;
	}

	.comment-meta img {
		max-width: 76px;
		position: absolute;
		top: 20px;
		left: 0;
	}

	/* BOXED */
	.is-comments-boxed .comments-area article {
		padding: 1.6em 2.4em;
	}

	.is-comments-boxed .comment-meta img {
		top: 20px;
		left: 24px;
	}

	/* BOXED IMAGE OUT */
	.is-comments-image-out .comment-meta img {
		left: -36px;
	}

	.is-comments-image-out .comment-meta,
	.is-comments-image-out .comment-content {
		margin-left: 32px;
	}

	.comment-meta,
	.comment-content {
		margin-left: 92px;
	}

	.comments-area ol ol,
	.comments-area ol #respond {
		margin-left: 8%;
	}

	.comments-area ol ol ol,
	.comments-area ol ol #respond {
		margin-left: 4%;
	}

	.comment-content p {
		font-size: 0.9rem;
	}

	.bypostauthor>article:before {
		font-size: 68px;
		right: 34px;
	}

	/* COMMENT FORM */
	#respond {
		margin: 3em 0;
	}

	/* BOXED */
	.is-comment-form-boxed #respond {
		padding: 3em;
	}

	#respond form p {
		margin-bottom: 0;
	}

	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		float: left;
		width: 30%;
		margin-right: 3%;
	}

	.comment-form-url {
		width: 34%;
		margin-right: 0;
	}

	.form-allowed-tags,
	.form-submit {
		clear: left;
	}

	.form-submit {
		padding-top: 2em;
	}

	/* post format: status  */
	.format-status .entry-content>p:first-child {
		font-size: 1.1em;
		padding: 1em 1.8em;
	}

	/*  --------------------------------------------
		SHOP (@shop) - shop related styles
    -------------------------------------------- */
	.shop-filters {
		overflow: hidden;
	}

	.shop-filters .woocommerce-result-count {
		float: left;
		margin: 0;
		font-size: 12px;
		text-transform: uppercase;
	}

	.shop-filters select {
		float: right;
		width: auto;
		max-width: none;
		border: 0;
		direction: rtl;
	}

	.woocommerce .product .entry-meta span.price {
		font-size: 1rem;
	}

	.woocommerce .product .price del {
		margin-right: 16px;
	}

	/* SHOP SINGLE */
	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images {
		width: 46%;
		float: left;
	}

	.woocommerce .panel h2 {
		font-size: 1.8em;
	}

	/* Reviews */
	.woocommerce #reviews #comments ol.commentlist li img.avatar {
		width: 60px;
		height: 60px;
	}

	.woocommerce #reviews #comments ol.commentlist li .comment-text.comment-text {
		margin-left: 78px;
		padding: 20px 30px;
	}

	/* CART */
	.woocommerce table.shop_table {
		border-top: 0;
	}

	/* MY ACCOUNT */
	.woocommerce-MyAccount-navigation ul {
		margin: 0;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation {
		width: 150px;
		position: absolute;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		float: left;
		width: 100%;
		padding-left: 210px;
		min-height: 320px;
	}

	.woocommerce-MyAccount-navigation ul li,
	.woocommerce-MyAccount-navigation ul li a {
		display: block;
		margin-bottom: -1px;
	}

	.woocommerce-MyAccount-navigation ul li a {
		padding: 16px 24px;
	}

	/* PORTFOLIO */
	.type-portfolio.hentry p {
		margin-bottom: 2.4em;
	}


}


/* TABLET ONLY */
@media screen and (min-width: 768px) and (max-width:991px) {

	/* FEATURED AREA */
	.slider-box .post-wrap {
		padding-top: 56.25%;
	}

}