/** 1-column Blog Grid Style Start **/

.tl-1col-grid { list-style: outside none none;}

.tl-1col-grid .post-content { color: #747474; line-height: 1.5em; margin: 1% 0 3%; padding: 10px; text-align: center;}

.tl-1col-grid  .tl-postblog-title { color: #333333; display: block; font-size: 36px; font-weight: 700; line-height: 42px; text-align: center; margin: 10px 0 3%; padding: 0 10px; transition: all 0.3s ease-in-out 0s;}

.tl-1col-grid  .tl-postblog-title a { display: block; font-size: 36px; font-weight: 400; line-height: 42px; margin: 10px 0 3%; text-align: center; transition: all 0.3s ease-in-out 0s;}

.tl-1col-grid article { background: #ffffff none repeat scroll 0 0;margin-bottom: 3%;  padding-bottom: 3%;}

.tl-1col-grid  .tl-post-comment { border: 1px solid #cccccc; color: #333333; display: inline-block; padding: 10px;vertical-align: middle;}

.tl-1col-grid  .readmore-blog { border: 1px solid #cccccc; color: #333333; display: inline-block;font-size: 14px;font-weight: 400; padding: 10px 20px; vertical-align: top; margin-bottom: 10px;}

.tl-1col-grid .tl-post-footer { padding: 14px; text-align: center; border-top: none;}

.tl-1col-grid .tl-post-comment.pull-right { float: inherit !important;}

.tl-1col-grid  .tl-postmeta-box { color: #aaaaaa; display: block; font-size: 11px; margin: 0 auto; max-width: 500px; padding: 0 10px; text-align: center; text-transform: uppercase;}









/** 2column Blog Grid Style Start **/

.tl-2col-grid{padding:0; overflow:hidden;}

.tl-2col-grid li {

  margin-bottom:14px;

  float:left;

  list-style: outside none none;

  width: 50%;

  padding:0 10px;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

}

.tl-2col-grid li:hover .tl-hover1 {margin-left:0px;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}

.tl-2col-grid li:hover .tl-blog-hover{background: rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}

.tl-2col-grid li:hover  .tl-postblog-title { text-decoration:none;}

.tl-2col-grid li article { margin-bottom: 10px; /* -webkit-box-shadow: 1px 2px 3px #eee; -moz-box-shadow: 1px 2px 3px #eee; box-shadow: 1px 2px 3px #eee;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; */transition: all 0.3s ease-in-out 0;}

.tl-2col-grid li:hover article {-webkit-box-shadow: 1px 2px 3px #ccc;-moz-box-shadow: 2px 2px 3px #ccc;box-shadow: 1px 2px 3px #ccc;margin-bottom: 10px;}

.tl-2col-grid figcaption { display: table;  margin-bottom: 10px; position: relative;}

.tl-2col-grid figcaption .tl-postblog-title a {  display: table-cell;  height: 50px; position: relative; vertical-align: middle; width: 100%;}

.tl-2col-grid .post-link-detailspage {bottom: 0;}

.tl-post-media { text-align: center; margin-bottom: 3%;}

/* .tl-2col-grid .tl-postimage-box .tl-post-media {  max-height: 340px; overflow: hidden;} */

/**2column Blog Grid Style End **/

/**3column Blog Grid Style Start **/

.tl-blog-caption .tl-postblog-title a { padding: 0;}

.tl-3col-grid .post-link-detailspage { bottom: 0;}

.post-link-detailspage {  background: #8FBC8F;  height: 40px;  line-height: 36px;  padding: 0 !important;  position: absolute !important;  right: 0;  width: 40px;  z-index: 1;  border: none; border-radius: 0; bottom: 0;}

.post-link-detailspage > a, .post-link-detailspage > a > i{  vertical-align: middle; color: #FFF;}

.tl-3col-grid{padding:0; overflow:hidden;}

.tl-3col-grid li {

  margin-bottom:14px; float: left;list-style: outside none none;width: 33.333333%;padding:0 10px;

		-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;

  min-height:446px;}

.tl-3col-grid .tl-blog-caption { display: table;  margin: 0px; position: relative;}

.tl-3col-grid .tl-blog-caption .tl-postblog-title a {  display: table-cell;  height: 50px; position: relative; vertical-align: middle; width: 100%;}

.tl-3col-grid li:hover .tl-hover1 {margin-left:0px;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}

.tl-3col-grid li:hover .tl-blog-hover{background: rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}

.tl-3col-grid li:hover  .tl-postblog-title:hover { color:#00BCD4;}

.tl-3col-grid li:hover  .tl-postblog-title { text-decoration:none;}

.tl-postblog-title {color: #333333;display: block;font-size: 20px;margin: 10px 0 ; padding: 0 10px;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s; font-weight:400;}



.tl-postblog-title a{display: block;font-size: 28px;margin: 10px 0; padding: 0 10px; font-weight:400;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s; }

.tl-postblog-title a:hover{font-weight:400;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}

.tl-postmeta-box a {font-weight: normal;}

/* .tl-postmeta-box a:hover, .tl-post-footer a:hover {color: #00BCD4;} */

.post-content { color: #747474; padding:10px; line-height: 1.5em; margin: 0 0 3%;}



.readmore-blog { color: #333333; display: inline-block; font-size:14px;}

.tl-postmeta-box {color: #aaa;font-size: 11px;padding: 0 10px; display: table-cell;} 

.tl-postmeta-box a { position:relative; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}

.tl-postmeta-box i { color: #888; margin-right: 3px;}

.tl-postmeta-box a:hover { text-decoration:none;}

.tl-post-comment {color: #333333;}

.tl-post-comment:hover, .tl-post-footer:hover, .readmore-blog:hover  { text-decoration:none;}

.tl-post-comment i { color: #bbbbbb; display: inline-block; margin-right: 4px;}

.tl-post-footer {border-top: 1px solid #ddd;padding:14px;}

.tl-3col-grid li article { 

background: #FFF;

margin-bottom: 10px; 

/* -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);

  -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);

  box-shadow:0px 2px 2px rgba(0,0,0,0.3); */

  border: solid 1px #eaeaea;

  -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}

.tl-3col-grid li:hover article {

  -webkit-box-shadow: 1px 2px 3px #eaeaea;

  -moz-box-shadow: 1px 2px 3px #eaeaea;

  box-shadow: 1px 2px 3px #eaeaea;

  margin-bottom: 10px;

}

.tl-postimage-box { position: relative;}

.tl-blog-hover { background:rgba (0,0,0,0.8) none repeat scroll 0 0; height: 100%; left: 0; overflow:hidden; position: absolute; top: 0; width: 100%;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}

.tl-hover1 {

  background: rgba(167, 160, 160, 0.38) none repeat scroll 0 0;

  color: #ffffff;

  margin-left: -100px;

  position: relative;

  top:0;

  width: 50px;

 -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;

}

.tl-hover1 span {display: block; text-align: center;}

.tl-blog-link {padding: 4px;width: 50px;height: 50px;line-height: 44px;font-size: 2em;background: RGBA(18, 11, 12, 0.61);-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}

.tl-blog-link:hover {background: RGBA(255, 255, 255, 0.6);}

.tl-blog-link:hover a {color: #000;}

.tl-blog-link  a{color:#fff;}

.date-tl { background: #f44c67 none repeat scroll 0 0; font-size: 24px;font-weight: 700;}

.pagelist{padding:0;}

.pagelist li {background: #eaeaea none repeat scroll 0 0; display: inline-block;list-style: outside none none; padding: 4px 8px;}

.pagelist li  a{color:#000;}

.tl-blog-img { text-align: center;}



		/**close---size 

		.tl-3col-grid .tl-postimage-box .tl-post-media { max-height: 196px;overflow: hidden;}

		.tl-3col-grid .tl-postimage-box .tl-post-media img { min-height: 196px;}***/



		/**close---size 

.tl-4col-grid .tl-postimage-box .tl-post-media {height: 122px; max-height: 220px;overflow: hidden;}

.tl-4col-grid .post-link-detailspage { bottom: -16%;}***/

 @media only screen 

  and (min-width: 768px) 

  and (max-width: 979px) 

 {

	 /**close---size 

.tl-3col-grid .tl-postimage-box .tl-post-media { max-height: 156px;overflow: hidden;}

.tl-3col-grid .tl-postimage-box .tl-post-media img { min-height: 156px;}  

.tl-4col-grid .tl-postimage-box .tl-post-media {height: 200px; max-height: 220px;overflow: hidden;}***/

}





 @media only screen 

  and (min-width: 1024px) 

  and (max-width: 768px) 

  and (orientation: landscape) 

 {

	  /**close---size **/

/* .tl-4col-grid .tl-postimage-box .tl-post-media { max-height: 122px;  overflow: hidden;} */

/* .tl-4col-grid .tl-postimage-box .tl-post-media {height: 200px; max-height: 220px;overflow: hidden;}

.tl-4col-grid .post-link-detailspage { height: 30px; line-height: 30px; width: 30px;}***/



} 



 





@media only screen 

  and (min-width: 320px) 

  and (max-width: 414px) 

  and (orientation: portrait) 

 {

  /**close---size **/

 /* .tl-3col-grid .tl-postimage-box .tl-post-media { max-height: 300px;overflow: hidden;}

.tl-3col-grid .tl-postimage-box .tl-post-media img { min-height: inherit;}   */



}

@media only screen and (max-width: 736px){

	  /**close---size **/

	/* .tl-4col-grid .tl-postimage-box .tl-post-media img { width: 100%;}

	.tl-4col-grid .tl-postimage-box .tl-post-media {max-height: 220px; overflow: hidden;}

	.tl-postmeta-box {min-height:inherit;} */

}

@media only screen and (max-width: 540px){

	/**close---size **/

	/* .tl-4col-grid .tl-postimage-box .tl-post-media {height: inherit;} */

}

/**3column Blog Grid Style End **/

/**4column Blog Grid Style Start**/

.tl-4col-grid  .post-link-detailspage {height: 40px;line-height: 40px;width: 40px;}

.tl-4col-grid{padding:0; overflow:hidden;}

.tl-4col-grid li {

	float:left;

	list-style: outside none none;

	width: 25%;

	padding:0 10px;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;}

.tl-4col-grid li:hover .tl-hover1 {margin-left:0px;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}

.tl-4col-grid li:hover .tl-blog-hover{background: rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}

.tl-4col-grid li:hover  .tl-postblog-title { text-decoration:none; color: #00BCD4;}

.tl-4col-grid li article { background: #FFF; margin-bottom: 10px; -webkit-box-shadow: 1px 2px 3px #eee; -moz-box-shadow: 1px 2px 3px #eee; box-shadow: 1px 2px 3px #eee;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0;}

.tl-4col-grid li:hover article {-webkit-box-shadow: 1px 2px 3px #ccc;-moz-box-shadow: 2px 2px 3px #ccc;box-shadow: 1px 2px 3px #ccc;margin-bottom: 10px;}

.tl-4col-grid figcaption { display: table;  margin-bottom: 10px; position: relative;}

.tl-4col-grid figcaption .tl-postblog-title a {  display: table-cell;  height: 40px; position: relative; vertical-align: middle; width: 100%;}

/**4column Blog Grid Style End**/

/** blog listing start **/



/** horizantal blog view Start **/

.tl-blog-leftcolumn { max-height: 250px; overflow: hidden; width: 48%;}

.tl-blog-rightcolumn {width: 50%;padding-left: 2%;}

.tl-float-column { float: left;}

.tl-bloglisting-block .tl-postblog-title { margin-top: 0;}

.tl-bloglisting-block {border-bottom: 1px solid #dddddd; margin-bottom: 20px; padding:10px 0px;}



	.tl-bloglisting-block .tl-postblog-title a {display: block; font-size: 22px; font-weight: normal; margin: 0; min-height: 0; padding: 0;

     transition: all 0.3s ease-in-out 0s;}

    .tl-bloglisting-block .tl-postblog-title a:hover{-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s; min-height:20px; }

	.tl-bloglisting-block .tl-postblog-title, .tl-bloglisting-block .tl-postmeta-box { min-height: inherit;}

	.tl-bloglisting-block .tl-post-footer a {font-weight: 400;line-height: 20px;}

	.tl-bloglisting-block .tl-post-footer { margin-bottom: 0; padding: 8px 12px;}

	.tl-bloglisting-block .tl-postblog-title { font-size: 20px; line-height: 24px; margin-bottom: 20px;}

	.tl-bloglisting-block .tl-postblog-title:hover{color: #00BCD4;}

	@media only screen and (max-width: 640px){

		.tl-blog-leftcolumn { width: 100%; margin-bottom: 20px;}

		.tl-blog-rightcolumn {width: 100%;padding-left: 0;}

		.tl-bloglisting-block .tl-postblog-title a, .tl-bloglisting-block .tl-postblog-title {font-size:18px; margin-bottom: 10px;}

		.post-content { margin: 0 0 3%;}

	}

/** horizantal blog view Start  close **/

/* .tl-bloglisting-block .tl-postimage-box { height: 184px;overflow: hidden;} */

/**blog listing End**/

@media only screen and (max-width: 767px){

  /**.tl-section-heading, .tl-section-heading span {font-size: 24px !important;}**/

 .tl-postblog-title a { font-size: 24px;}

}

@media screen and (max-width: 479px) {

	

  .tl-2col-grid li {width: 100%;}

  .tl-3col-grid li {width: 100%;}

  .tl-4col-grid li {width: 100%;}

  /**blog listing ***/

  .tl-blog-leftcolumn { width: 100%;}

  .tl-blog-rightcolumn {width: 100%;padding-left: 0;}

  .tl-blog-leftcolumn .tl-postimage-box { margin-bottom: 20px;}/**blog listing **/

  

 

}

@media only screen and (min-width:480px) and (max-width: 767px)  {

  .tl-4col-grid li {width: 50%;}

  .tl-3col-grid li {width: 50%; min-height: 414px; margin-bottom:0;}

  

}



@media only screen and (min-width: 768px) and (max-width: 979px) {

  .tl-4col-grid li {width: 50%;}

  

}

@media only screen and (min-width: 768px){

.tl-4col-grid h4 > a { font-size: 16px;}   

}