/*
Description: This stylesheet containing media query for different screens.
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tf-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.tf-main{
	padding-top: 54px;
	padding-bottom: 120px;
	-webkit-overflow-scrolling: auto;
}
@media (max-width: 767px) {
  .tf-container {
    width: 100%;
	max-width: 100%;
  }
}
@media (min-width: 768px) {
  .tf-container {
    width: 750px;
	max-width: 750px;
  }
}
@media (min-width: 992px) {
  .tf-container {
    width: 970px;
	max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .tf-container {
    width: 1180px;
	max-width: 1180px;
  }
}
[class*="column"]{
	margin: inherit;
	max-width: inherit;
}
.tf-row {
  margin-left: -20px;
  margin-right: -20px;
}
[class*="tf-col"] {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
.tf-col-1, .tf-col-2, .tf-col-3, .tf-col-4, .tf-col-5, .tf-col-6, .tf-col-7, .tf-col-8, .tf-col-9, .tf-col-10, .tf-col-11, .tf-col-12 {
  float: left;
}
.tf-col-12 {
  width: 100%;
}
.tf-col-11 {
  width: 91.66666667%;
}
.tf-col-10 {
  width: 83.33333333%;
}
.tf-col-9 {
  width: 75%;
}
.tf-col-8 {
  width: 66.66666667%;
}
.tf-col-7 {
  width: 58.33333333%;
}
.tf-col-6 {
  width: 50%;
}
.tf-col-5 {
  width: 41.66666667%;
}
.tf-col-4 {
  width: 33.33333333%;
}
.tf-col-3 {
  width: 25%;
}
.tf-col-2 {
  width: 16.66666667%;
}
.tf-col-1 {
  width: 8.33333333%;
}

/* Masonry colunm */
.tf-masonry-post .tf-row{
	margin-left: 0;
}
.tf-masonry-post .tf-col-12 {
  width: calc(100% - 33px);
}
.tf-masonry-post .tf-col-11 {
  width: calc(91.66666667% - 33px);
}
.tf-masonry-post .tf-col-10 {
  width: calc(83.33333333% - 33px);
}
.tf-masonry-post .tf-col-9 {
  width: calc(75% - 33px);
}
.tf-masonry-post .tf-col-8 {
  width: calc(66.66666667% - 33px);
}
.tf-masonry-post .tf-col-7 {
  width: calc(58.33333333% - 33px);
}
.tf-masonry-post .tf-col-6 {
  width: calc(50% - 33px);
}
.tf-masonry-post .tf-col-5 {
  width: calc(41.66666667% - 33px);
}
.tf-masonry-post .tf-col-4 {
  width: calc(33.3333% - 33px);
}
.tf-masonry-post .tf-col-3 {
  width: calc(25% - 33px);
}
.tf-masonry-post .tf-col-2 {
  width: calc(16.66666667% - 33px);
}
.tf-masonry-post .tf-col-1 {
  width: calc(8.33333333% - 33px);
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	[class*="tf-col"] {
   		width: 100%;
		max-width: 100%;
	}
	.list-masonry [class*="tf-col"]{
		width: 100%;
		max-width: 100%;
	}
	.mc4wp .mc4wp-form button{
		position: relative;
		right: 0;
	}
	
	/*
	=============================================
	/* Site Layout
	=============================================
	*/
	.tf-layout{
		margin: 0 auto;
		max-width: 1520px;
	}
	.tf-layout .tf-blog-title{
		margin: 0 auto;
	}
	.tf-layout .wrapper-site{
		padding-top: 0px;
	}
	
	/*
	=============================================
	/* Header Top
	=============================================
	*/
	.header-top.top-panel{
		width: auto;
		margin: 0 20px;
		max-width: 100%;
	}
	.header-top.top-panel .tf-container{
		width: 100%;
		padding: 0;
	}
	.header-top nav:first-child{
		display: none;
	}
	.header-top .tf-social{
		float: left;
	}
	.header-center .nav-horizontal{
		display: none;
	}
	
	/*
	=============================================
	/* Logo Center Top
	=============================================
	*/
	.site-logo-link img, .custom-logo-link img{
		height: 80px !important;
	}
	.header-site.header-center .logo{
		padding: 20px 0;		
	}
	.header-center .site-description .tagline{
		font-size: 10px;
	}
	.responsive-nav{
		display: inline-block;
		margin: 0;
	}
	
	/*
	=============================================
	/* Slider Post
	=============================================
	*/
	.tf-post-slider .section-title{
		width: 90%;
	}
	
	/*
	=============================================
	/* Layout
	=============================================
	*/
	.home .archive .section-title h1.heading,
	.archive .archive .section-title h1.heading{
		font-size: 18px;
		word-wrap: break-word;
	}
	
	/*
	=============================================
    /* Newsletter
	=============================================
	*/
	.mc4wp .mc4wp-form{
		width: 90%;
	}
	.mc4wp .mc4wp-form h5{
		font-size: 32px;
	}
	
	/*
	=============================================
	/* Standard Center
	=============================================
	*/
	.tf-standard.tf-standard-center{
		max-width: 100% ;
	}
	.tf-standard .standard-item .section-title .heading a{
		font-size: 36px;
	}
		
	/*
	=============================================
	/* List Style
	=============================================
	*/
	.sidebar-right .tf-content{
		float: none;
		width: 100%;
	}
	.tf-list .list-item .post-media{
		float: none;
		width: 100%;
		margin-right: 0px;		
	}	
	/*
	=============================================
	/* Masonry Style
	=============================================
	*/
	.tf-masonry-post .standard-item{
		width: calc(100% - 20px);
	}
	.tf-masonry-post .post-item{
		width: calc(100% - 20px);
	}
	.tf-masonry-post.sidebar-right .post-item{
		width: calc(100% - 20px);
	}
	
	/*
	=============================================
	/* Sidebar
	=============================================
	*/
	.sidebar-right .sidebar{
		float: none;
		width: 100%;
		margin: 48px auto 0;
	}
	
	/*
	=============================================
	/* Single
	=============================================
	*/
	.single-post .post-header h1.heading{
		font-size: 6vh;
		word-wrap: break-word;
	}
	.single-post .post-meta span{
		display: block;
		margin-top: -1px;
		border-right: 0;
	}
	.author-description{
		max-width: 100%;
	}
	.no-sidebar #comments{
		max-width: 100%;
	}
	/*
	=============================================
    /* Footer
	=============================================
	*/
	#back-top{
		visibility: hidden;
	}
	.footer-site{
		text-align: center;
	}
	.footer-site .tf-social{
		margin-bottom: 12px;
	}
	.footer-site .copyright{
		float: none;
	}

}

/* Portrait tablets and small desktops */
@media (max-width: 768px) {
	/*
	=============================================
	/* Header Top
	=============================================
	*/
	.header-top.top-panel{
		width: auto;
		margin: 0 20px;
		max-width: 100%;
	}
	.header-top.top-panel .tf-container{
		width: 100%;
		padding: 0;
	}
	.header-top nav:first-child{
		display: none;
	}
	.header-top .tf-social{
		float: left;
	}
	.header-center .nav-horizontal{
		display: none;
	}
	
	/*
	=============================================
	/* Logo Center Top
	=============================================
	*/
	.site-logo-link img, .custom-logo-link img{
		height: 80px !important;
	}
	.header-site.header-center .logo{
		padding: 20px 0;		
	}
	.header-center .sitename, .sitetitle{
		font-size: 10vw;
		line-height: 10vw;
	}
	.header-center .site-description .tagline{
		font-size: 10px;
	}
	.responsive-nav{
		display: inline-block;
		margin: 0;
	}
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) {
	/*
	=============================================
	/* Site Layout
	=============================================
	*/
	.tf-layout{
		margin: 0 auto;
		max-width: 1520px;
	}
	.tf-layout .tf-blog-title{
		margin: 0 auto;
	}
	.tf-layout .wrapper-site{
		padding-top: 0px;
	}
	
	/*
	=============================================
	/* Header Top
	=============================================
	*/
	.header-top.top-panel{
		width: 710px;
		margin: 0 auto;
	}
	.header-top.top-panel .tf-container{
		width: 710px;
		padding: 0;
	}
	.header-center .nav-horizontal{
		display: none;
	}
	
	/*
	=============================================
	/* Standard Center
	=============================================
	*/
	.tf-standard.tf-standard-center{
		max-width: 620px ;
	}
	
	/*
	=============================================
	/* Slider Post
	=============================================
	*/
	.tf-post-slider .section-title{
		width: 90%;
	}
	
	/*
	=============================================
	/* Grid Style
	=============================================
	*/
	.tf-grid.tf-full-width .post-item{
		width: 29.333333%;
		margin-right: 6%;
	}
	.tf-grid.sidebar-right .post-item{
		width: 47%;
		margin-right: 6%;
	}
	
	/*
	=============================================
    /* List Style
	=============================================
	*/
	.sidebar-right .tf-content{
		float: none;
		width: 100%;
	}
	.tf-list .list-item .post-media{
		float: left;
		width: 340px;
		margin-right: 30px;		
	}
	
	/*
	=============================================
	/* Masonry Style
	=============================================
	*/
	.tf-masonry-post .post-item{
		width: calc(50% - 30px);
	}
	.tf-masonry-post.sidebar-right .post-item{
		width: calc(50% - 33px);
	}
	
	/*
	=============================================
    /* Sidebar
	=============================================
	*/
	.sidebar-right .sidebar{
		float: none;
		width: 320px;
		margin: 48px auto 0;
	}
	
	/*
	=============================================
    /* Footer
	=============================================
	*/
	#back-top{
		visibility: hidden;
	}
	/*
	=============================================
	/* wooCommerce
	=============================================
	*/
	.woocommerce .products.grid .product{
		width: 30.666666%;
		margin-right: 4%;
	}
	
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) {
	/*
	=============================================
	/* Site Layout
	=============================================
	*/
	.tf-layout{
		margin: 0 auto;
		max-width: 1520px;
	}
	.tf-layout .tf-blog-title{
		margin: 0 auto;
	}
	.tf-layout .wrapper-site{
		padding-top: 24px;
	}
	
	/*
	=============================================
	/* Header Top
	=============================================
	*/
	.header-top.top-panel{
		width: 930px;
		margin: 0 auto;
	}
	.header-top.top-panel .tf-container{
		width: 930px;
	}
	.responsive-nav{
		display: block;
	}
	
	/*
	=============================================
	/* Slider Post
	=============================================
	*/
	.tf-post-slider .section-title{
		width: 60%;
	}
	
	/*
	=============================================
	/* Logo Center Top
	=============================================
	*/
	
	/*
	=============================================
	/* Standard Center
	=============================================
	*/
	.tf-standard.tf-standard-center{
		max-width: 680px ;
	}
	
	/*
	=============================================
	/* Grid Style
	=============================================
	*/
	.tf-grid.tf-full-width .post-item{
		width: 29.333333%;
		margin-right: 6%;
	}
	.tf-grid.sidebar-right .post-item{
		width: 47%;
		margin-right: 6%;
	}
	
  	/*
	=============================================
	/* Layout
	=============================================
	*/
	.sidebar-right .tf-content{
		float: left;
		margin: auto;
		width: calc(100% - 320px);
	}
	
	/*
	=============================================
	/* List Stye
	=============================================
	*/
	.tf-list .list-item .post-media{
		float: left;
		width: 240px;
		margin-right: 30px;	
	}
	
	/*
	=============================================
	/* Masonry Style
	=============================================
	*/
	.tf-masonry-post .post-item{
		width: calc(50% - 30px);
	}
	.tf-masonry-post.sidebar-right .post-item{
		width: calc(50% - 33px);
	}  
	
	/*
	=============================================
	/* Sidebar
	=============================================
	*/
	.sidebar-right .sidebar{
		float: right;
		width: 320px;
		margin: auto;
	}
	
	/*
	=============================================
    /* Footer
	=============================================
	*/
	#back-top{
		visibility: visible;
	}
	/*
	=============================================
	/* wooCommerce
	=============================================
	*/
	.woocommerce .products.grid .product{
		width: 30.666666%;
		margin-right: 4%;
	}
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
	/*
	=============================================
	/* Site Layout
	=============================================
	*/
	.tf-layout{
		margin: 48px auto;
		max-width: 1520px;
	}
	.tf-layout .tf-blog-title{
		margin: 0 48px;
	}
	.tf-layout .wrapper-site{
		padding-top: 36px;
	}
	
	/*
	=============================================
	/* Header Top
	=============================================
	*/
	.header-top.top-panel{
		width: 1130px;
		margin: 0 auto;
	}
	.header-top.top-panel .tf-container{
		width: 1130px;
	}
	.header-center .nav-horizontal{
		display: block;
	}
	.responsive-nav{
		display: none;
	}
	
	/*
	=============================================
	/* Slider Post
	=============================================
	*/
	.tf-post-slider .section-title{
		width: 60%;
	}

	/*
	=============================================
	/* Layout
	=============================================
	*/
	.sidebar-right .tf-content{
		float: left;
		margin: auto;
		width: calc(100% - 390px);
	}
	
	/*
	=============================================
	/* Standard Center
	=============================================
	*/
	.tf-standard.tf-standard-center{
		max-width: 740px ;
	}
		
	/*
	=============================================
	/* Grid Style
	=============================================
	*/
	.tf-grid.tf-full-width .post-item{
		width: 29.333333%;
		margin-right: 6%;
	}
	.tf-grid.sidebar-right .post-item{
		width: 47%;
		margin-right: 6%;
	}
	
	/*
	=============================================
	/* List Style
	=============================================
	*/
	.tf-list .list-item .post-media{
		float: left;
		width: 340px;
		margin-right: 30px;		
	}
	.tf-list.tf-full-width .list-item .post-media{
		width: 440px;
		margin-right: 30px;		
	}
	
	/*
	=============================================
	/* Masonry Style
	=============================================
	*/
	.tf-masonry-post.tf-full-width .post-item{
		width: calc(32.633333% - 33px);
	}
	.tf-masonry-post.sidebar-right .post-item{
		width: calc(50% - 33px);
	}  
	
	/*
	=============================================
	/* Sidebar
	=============================================
	*/
	.sidebar-right .sidebar {
		float: right;
		width: 340px;
		margin: auto;
	}
	
	/*
	=============================================
	/* Single
	=============================================
	*/
	.single-post ._align-center .post-header{
		padding: 0 54px;
	}
	
	/*
	=============================================
	/* wooCommerce
	=============================================
	*/
	.woocommerce .products.grid .product{
		width: 30%;
		margin-right: 5%;
	}
	.woocommerce .products.grid .product:nth-of-type(3n+3) {
    margin-right: 0px;
}
}
	/*
	=============================================
	/*- SLIDER CONTENT
	=============================================
	*/
	.swiper-slide .container{
		padding-left: 20px;
		padding-right: 20px;
	}

	.swiper-slide.text-center .excerpt{
		margin-left: auto;
		margin-right: auto;
	}

	.swiper-slide.image-left .container{
		-webkit-flex-direction: row-reverse;
		-webkit-justify-content: flex-start;

		flex-direction: row-reverse;
		justify-content: flex-start;
	}
	.swiper-slide.image-left .image-container{
		width: 50%;
		padding-right: 20px;
	}
	.swiper-slide.image-left .copy-container{
		width: 50%;
		padding-left: 20px;
	}

	.swiper-slide.image-right .container{
		-webkit-flex-direction: row;
		-webkit-justify-content: flex-start;

		flex-direction: row;
		justify-content: flex-start;
	}
	.swiper-slide.image-right .image-container{
		width: 50%;
		padding-left: 20px;
	}
	.swiper-slide.image-right .copy-container{
		width: 50%;
		padding-right: 20px;
	}
	.swiper-slide.text-right .excerpt{
		float: right;
	}

	.swiper-slide.image-right .copy-container + .image-container,
	.swiper-slide.image-left .copy-container + .image-container{
		margin-top: 0;
	}
	
.tf-row:before,
.tf-row-flush:before,
.tf-row:after,
.tf-row-flush:after {
  content: " ";
  display: table;
}
.tf-container:after,
.tf-row:after,
.tf-row-flush:after {
  clear: both;
}