


/****************************************************/
/** 320 max **/
/****************************************************/


@media screen and (max-width: 320px) 
{ 
	.post-wrap .post .media-body p {display: none;}
	.gray-bg .vline {border-left: 3px solid #red;}
	.nav.nav-pills > li > a { font-size: 11px;}
	ul.features li span.fa 
        {
	    font-size: 30px;
	    margin-top: 2px;
	}
	.post-tab .nav-tabs > li > a 
        {
	    padding: 5px 10px;
	}

   #tf-about, #tf-book, tf-intro, tf-blog
   {
    border-top: solid 2px #076E48!important;
    border-bottom: solid 2px #076E48!important;
   }

  #tf-intro img.intro-img 
  {
   border: solid 2px #064B2F!important;
  }

  #tf-menu 
  {
  background-color: transparent;
  }

}


/****************************************************/
/** 360 max **/
/****************************************************/


@media screen and (max-width: 360px) 
{ 
	#tf-services,
	#tf-pricing,
	.section-header,
	.about-right-content,
	#tf-features, 
	#feature,
	#tf-works,
	#tf-blog,
	#tf-contact 
        {
	  padding: 20px 0;
	}
	p{ font-size: 10px}
	h2{ font-size: 16px; line-height: 36px!important;font-weight: 300;}
	h4{ line-height: 20px;}
	ul.list-inline.cat > li{  margin-bottom: 20px;}
	.gray-bg .vline 
        {
	position: absolute;
   	height: 100%;
    	padding: 3px;
    	border-left: 0px solid red;
    	left: 0%;
	}

	.dates-text
	{
	margin-left:2%;
	padding: 20px 0;
	}

	#tf-about, #tf-book, tf-intro, tf-blog
 	  {
 	   border-top: solid 2px #076E48!important;
  	  border-bottom: solid 2px #076E48!important;
  	 }

	#tf-intro img.intro-img 
 	 {
 	  border: solid 2px #064B2F!important;
 	 }

	#tf-menu 
	  {
 	 background-color: transparent;
	  }

	.post-meta {min-height: 50px;}
	
	h1 {font-size: 26px}
	#tf-home.slider{ display: none;}
	#tf-intro.slider{ margin-top: 70px !important}
	.ipad-wrapper .app-wrap {display: none;}
	a.goto-btn 
	{
	    margin-right: auto;
	    margin: 0 10px;
	}
	a.goto-btn 
	{
	    display: inline-block;
	}
	.blog .post-meta {min-height: 55px;}



}

/****************************************************/
/** 460 max **/
/****************************************************/

@media screen and (max-width: 460px) 
{
	.gray-bg-book .vline 
	{
	position: absolute;
    	height: 100%;
    	padding: 1px;
    	border-left: 0px solid white;
    	left: 0%;
	}

	.meta-detail { display: none; }
    	h1 { font-size: 34px;}
    	#tf-home.slider h1 { font-size: 26px;}
   	 p.lead { display: none;}
   	 .slider .carousel-indicators { bottom: 0px; }
   	 

	#tf-retreats .row 
	{
	margin-left: 2%;
 	width:96%; 
 	}

	h2 
	{
    	line-height: 36px!important;
   	 font-weight: 300;
	}


	#tf-about, #tf-book, tf-intro, tf-blog
   	{
   	 border-top: solid 2px #076E48!important;
   	 border-bottom: solid 2px #076E48!important;
  	 }

	#tf-intro img.intro-img 
 	 {
 	  border: solid 2px #064B2F!important;
 	 }

	#tf-menu 
 	 {
 	background-color: transparent;
  	 }

	#slides 
	{
        max-width: 100%;
        margin: 0 auto;
   	 }



}




/****************************************************/
/** 810 max **/  
/****************************************************/



@media screen and (max-width: 810px) 
{
.gray-bg-book .vline 
	{
	position: absolute;
    	height: 100%;
    	padding: 1px;
    	border-left: 0px solid white;
    	left: 0%;
	}


	body{ overflow-x: hidden;}

   	 .navbar-header 
	{
        float: none;
    	}

	#tf-menu 
 	 {
	  background-color: transparent;
	  }


  	.navbar-toggle 
	{
        display: block;
    	}
   	
	 .navbar-collapse 
	{
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
   	 }
    
	.navbar-collapse.collapse 
	{
        display: none !important;
    	}
    	.navbar-fixed-top .navbar-collapse, 
    	.navbar-fixed-bottom .navbar-collapse 
	{
	  max-height: 420px;
	  text-align: center;
	}
	
	
	.navbar-right 
	
	{
	    float: none !important;
	    margin-right: -15px;
	}
   
	 .navbar-nav 
	{
        float: center !important;
        margin: 7.5px -15px;
   	 }

    	.navbar-nav>li 
	{
        float: none;
   	 }
   
	 .navbar-nav>li>a 
	{
        padding-top: 10px;
        padding-bottom: 10px;
   	 }
   
	 .navbar-text 
	{
        float: none;
        margin: 15px 0;
    	}
    
	.navbar-collapse.collapse.in {display: block!important;}
   	 .collapsing {overflow: hidden!important; }
  	  .navbar-nav {margin: 0 -15px;}
  	  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header 
	{
        padding: 10px 15px 10px 25px;
    	}
    
	
	#slides 
	{
        max-width: 100%;
        margin: 0 auto;
   	 }

	#slides .frame 
	{
  	 width: 100%;
   	 float: left;
    	 display: flex;
   	 height: 100%;
   	 color: #000000;
	 padding:10px 10px 30px 10px;
	}

	.fancyretreat 
        {
 	  margin: 2%;
	  text-align: center;
        }

	.fancyretreat-TD 
        {
 	  margin: 2%;
	  text-align: center;
        }

	.fancyretreat-crone 
        {
 	  margin: 2%;
	  text-align: center;
        }

	#tf-retreats-options .row 
	{
	 margin: 2%;
 	}


	.slider-arrow-position
	{
	position:absolute;
	left:50%;
	bottom:10px!important;
	transform:translate(-50%,0%);
	-ms-transform:translate(-50%,0%);
	}



	#slides 
	{
    	padding: 0px 10px 0px 10px;
	}

	
}



