
/* 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;
		}
    
    /* FOOTER */
    .site-footer .site-info {
		padding: 22px 0;
        }
    /* Footer Subscribe */
	.footer-subscribe .layout-medium {
		padding: 3.8em 0;
		}
	.footer-subscribe h3 {
		font-size: 4.2em;
		}
	.footer-subscribe p:nth-child(n+2) {
		display: inline-block; margin-bottom: 0;
		}
	.footer-subscribe p:nth-child(2) {
		margin-right: 1.4em;
		}
	/* Footer Instagram - size: default or thumbnail = 12 column */
	.footer-insta ul li,
	.is-featured-area-full .featured-area .instagram-pics li,
	.is-featured-area-full-margins .featured-area .instagram-pics li { 
		width: 8.333%;
		}
	/* instagram size : small = 8 column */
	.footer-insta .instagram-size-small li,
	.featured-area .instagram-pics.instagram-size-small li
	.is-body-boxed .footer-insta ul li,
	.is-footer-boxed .footer-insta ul li {
		width: 12.5%;
		}
	/* instagram size : large = 6 column */
	.footer-insta .instagram-size-large li,
	.is-body-boxed .footer-insta .instagram-size-small li,
	.is-footer-boxed .footer-insta .instagram-size-small li {
		width: 16.66666666666667%;
		}
	/* instagram size : original = 4 column */
	.footer-insta .instagram-size-original li,
	.is-body-boxed .footer-insta .instagram-size-large li,
	.is-footer-boxed .footer-insta .instagram-size-large li  {
		width: 25%;
		}
	.is-body-boxed .footer-insta .instagram-size-original li,
	.is-footer-boxed .footer-insta .instagram-size-original li  {
		width: 33.33%;
		}
	

    /* 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 .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%;
		}
		
}