/* responsive.css
================================================== */

/*
* Timeline Responsive Stylesheet
* Responsive Stylesheet for Display on Mobile Devices
* Copyright 2016, Thdesign
*/

/* 1200px
================================================== */
@media (min-width: 1200px){
  .container {
    width: 1170px;
  }
}
/* 992px - 1200px
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.container { 
    width:940px; 
  }
  #th-default-slider .slider-caption .pull-left {
	padding: 17px 0;
  }
  .widget .instagram-pics li {
    width: 44.5%;
  }
  #th-default-slider .slider-caption  .pull-left .post-title a {
	font-size: 15px;
  }
  #th-default-slider .slider-caption  .pull-right .post-meta {
    font-size: 10px;
  }
  #th-default-slider .slider-caption  {
	width: 100%;
  }
  #th-slider3 .slider-caption {
	width: 100%;
  }
}
/* 768px - 992px
================================================== */
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.container { 
    width:726px; 
  }
  #th-default-slider .slider-caption .pull-left {
	padding: 17px 0;
  }
  #th-default-slider .slider-caption .pull-right .post-meta {
	padding: 26px 10px 21px 0;
  }
  .widget .instagram-pics li {
    width: 47.8%;
  }
  #blog-grid-2 .blog-post-content, #blog-grid .blog-post-content,
  .single .post-content, .blog-loop-default .blog-post-content {
    margin: 30px 20px;
  }
  #th-default-slider .slider-caption  {
	width: 100%;
  }
  #th-slider3 .slider-caption {
	width: 100%;
  }
  #th-default-slider .slider-caption  .pull-left .post-title a {
	font-size: 15px;
  }
  #th-default-slider .slider-caption  .pull-right .post-meta {
   font-size: 10px;
  }
  #content .clearfix .pull-right .post-share {
	display:block;
   }
  .post-footer:before {
	display:block;
  }
   .post-title {
    margin-top: 10px;
   margin-bottom: 23px;
   }
  #sidebar {
    margin-top: 35px;
  }
  #sidebar.sticky .sticky-wrapper { height: auto !important; }
  #sidebar.sticky .sticky-wrapper .widget { position: relative !important; width: 500px !important; top: 0 !important; }
  #sidebar.sticky .sticky-wrapper .widget.appear {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
  }
  #sidebar .widget, #widget-footer .widget {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  }
  #widget-footer .widget {
     margin-top: 35px;
  }
  .article.post, .article.page {
    margin-bottom: 35px;
  } 
  #instagram-footer {
	width: 100%;
  }
  #subscribe-footer {
	width: 100%;
  }
	/* Responsive Menu */
  #nav-wrapper, #nav-wrapper-appear { 
    display:none; 
  }
  .header_social{
    display: none;
  }
	.slicknav_menu {	
    display:block; 
  }
}
/* 768px 
================================================== */
@media only screen and (max-width: 768px) {
	.container { 
    width:300px; 
   }
  .admin-bar #header {
    margin-top: 0;
  }
  .admin-bar #th-bg-header  {
    margin-top: 0;
  }
  #th-slider .slider-caption {
    width: 170px;
    height: 100px;
    padding: 15px;
  }
  #slider #th-default-slider .slider-caption .pull-left {
	padding: 17px 0;
  }
  #slider #th-default-slider .slider-caption .pull-right .post-meta {
	padding: 27px 10px 20px 0;
  }
  #slider #th-default-slider .slider-caption  {
	width: 100%;
  }
  #slider #th-slider3 .slider-caption {
	width: 100%;
  }
  #slider #th-default-slider .slider-caption  .pull-left .post-title a {
	font-size: 15px;
  }
  #content .latest-blog .post-excerpt { 
	margin: 0 5px;
  }
  #content .latest-blog .post-footer {
	margin: 0 5px 30px 5px;
  }
  #content .latest-blog .post-footer .post-counters {
	text-align: left;
  }
  .widget .instagram-pics li {
    width: 46.2%;
  }
  .display-logo img, .logo img {
	  max-width:70%;
	  height:70px;
  }
  #header .logo {
    padding: 40px 0 50px;
    text-align: center;
  }
	.post-meta .line-post-format {
    display: none;
  }
  .to-top {
    display: none;
  }
  .blog-loop-default .post-footer .author {
    display: none;
  }
  .footer-box {
    width: 50%;
  }
  #content .container-table {
	padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
	margin-bottom: 50px;
   }
  #blog-grid-2 .blog-post-content, #blog-grid .blog-post-content,
  .single .post-content, .blog-loop-default .blog-post-content {
    margin: 30px 20px;
  }
  .single .pager {
	display:none;
  }
  #content .pagination .page-numbers {
	width: 30px;
	height: 30px;
	line-height: 28px;
	font-size:13px;
  }
  #content .clearfix .pull-left {
	width: 100%;
	padding: 0;
  }
  #content .clearfix .pull-right {	display: none;
  }
   #content .clearfix .pull-right .post-share {
	display:none;
   }
  .single .post-meta-footer:before, .post-footer:before {
	display:none;
  }
  #sidebar.sticky .sticky-wrapper { height: auto !important; }
  #sidebar.sticky .sticky-wrapper .widget { position: relative !important; width: 100% !important; top: 0 !important; }
  #sidebar.sticky .sticky-wrapper .widget.appear {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
  }
  #slider .slider-caption .post-meta {
    font-size: 10px;
    line-height: 10px;
	margin-top: 15px;
  } 
  #slider .slider-caption .post-title {
    margin-top: 5px;
    margin-bottom: 8px;
  }
  #slider .slider-caption .post-title a {
    text-align: center;
    line-height: 23px;
    font-size: 17px;
  }
  #slider #th-default-slider .slider-caption  .pull-right .post-meta {
    display: block;
	font-size: 10px;
  }
    #slider .slider-caption .read-more  {
	display: none;
  }
  #main-content  .owl-carousel .owl-nav .owl-prev, #main-content  .owl-carousel .owl-nav .owl-next {	display: none;  }
  #main-content .promo-box .th-inner-box-home {
    margin-bottom: 20px;
  }
  .instagram-title {
    display: none;
  }
  #instagram-footer {
	width: 100%;
  }
  #subscribe-footer {
	width: 100%;
	min-height: 300px !important;
  }
  #subscribe-footer .wrap-subscribe {
    top: 12px;
	right: 15px;
	left: 15px;
	bottom: 15px;
  }
  #subscribe-footer  .subscribe-widget p input[type=email],
  #subscribe-footer  .subscribe-widget p input[type=submit] {
	width: 220px;
	margin-bottom: 5px;
  }
  #subscribe-footer  .subscribe-widget  h3  {
	font-size: 13px;
	padding-bottom: 5px
  }
  #th-site-info .footer-social .social li{
	padding-top: 0;
  }
  .footer-social {
	width: 100%;
	text-align:center;
	padding-bottom: 20px;
  }
  .site-info {
	width: 100%;
	text-align:center;
	padding:15px 0;
  }
	/* Responsive Menu */
  #nav-wrapper, #nav-wrapper-appear { 
    display:none; 
  }
	.slicknav_menu {
  	display:block; 
  }
  .blog-timeline .timeline-line {
      left: 0;
      top: 0;
      margin-left: 0px;
  }
  .blog-timeline .timeline-date {
      margin: 0 0 20px 5%;  
  }
  .blog-timeline .blog-pagination {
    margin: 0 0 0 5%;
  }
  .blog-timeline .th-timeline-circle {
    left: 0;
  }
  .blog-timeline .left-column {
    float: right;
    clear: right;
    width: 95%;
    margin-top: 0;
  }
  .blog-timeline .right-column {
    float: right;
    clear: right;
    width: 95%;
  }
  .post-thumbnail img {
    width: 100%;
  }
  #sidebar { 
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  #comments, .post-related {
    margin-top: 20px;
  }
  #widget-footer .widget {
    margin-top: 20px;
  }
  #sidebar .widget {
    margin-top: 20px;
  }
  article.post, article.page {
    margin-bottom: 30px;
  }
  .single .post-counters {
    float: none;
    text-align: center;
  }
  .single .post-share {
      float: none;
      text-align: center;
  }
  .post-footer {
    margin: 20px 0 0;
}
  .item-related {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  /*---single-comment----*/
  .comment-list .comment-body {
  padding: 0 0 30px 65px;
  border-bottom: 1px dotted #eee;
  }
  .comment-list .avatar {
    position: absolute;
    left: 0;
  }
  .comment-author img {
	height: 50px;
	width: 50px;
  }
  .comment-list .reply {
	position: inherit;
    top: 0;
    left: 0;
  }
 .comment-body p {
	margin: 0;
  }
  .comment-list .fn {
	width: 100%;
  }
  .comment-list .comment-metadata a {
	font-size: 10px;
  }
  .single .post-meta-footer {
	margin: 50px 20px 0px 20px;
  }
  .single .post-tags,
  .single .post-related{
	margin: 0 20px;
  }
  #comments {
	padding: 50px 20px;
  }
  /*----------contact----------*/
  div.wpcf7 {
	width: 100%;
  }
  .page-content {
  padding: 20px;
  }
  /*--slider-03--*/
  #slider #th-slider3 .slider-caption .read-more {
	display: block;
  }
  #slider #th-slider3 .slider-caption .post-meta {
	display: block;
  }
  #slider #th-slider3 .slider-caption .post-title {
	margin-bottom: 15px;
  }
  #slider #th-slider3 .slider-caption .read-more a {
	width: 90px;
	font-size: 10px;
	line-height: 30px;
  }
  #slider #th-slider3 .slider-caption {
	padding: 55px 15px 61px 15px;
  }  #th-site-info .site-info p{	line-height: 18px;  }	
  #cancel-comment-reply-link{    bottom: 0px;    padding: 11px 10px;    font-size: 12px;	}	
  #commentform .form-submit {	text-align: left;	}	
  #commentform #submit {    padding: 10px;    text-align: center;    font-size: 12px;	}
}

/* 480px - 768px
================================================== */
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .container { 
    width:480px;
  }
	.admin-bar #header {
	  margin-top: 60px;
	}
  .admin-bar #th-bg-header  {
    margin-top: 60px;
  }
  #th-slider .slider-caption {
    width: 300px;
    height: 100px;
    padding: 10px;
  }
  #th-default-slider .slider-caption .pull-left {
	padding: 17px 0;
  }
  #th-default-slider .slider-caption  .pull-left .post-title a {
	font-size: 15px;
  }
  #th-default-slider .slider-caption  .pull-right .post-meta {
	font-size: 10px
  }
  #main-content  .owl-carousel .owl-nav .owl-prev, #main-content  .owl-carousel .owl-nav .owl-next {
    background:none;
	width:20px;
    color: #000;
  }
  .widget .instagram-pics li {
    width: 47.7%;
  }
  #main-content .promo-box .th-inner-box-home {
    margin-bottom: 20px;
  }
  #instagram-footer {
	width: 100%;
  }
  #subscribe-footer {
	width: 100%;
  }
  #subscribe-footer  .subscribe-widget p input[type=email],
  #subscribe-footer  .subscribe-widget p input[type=submit] {
	width: 400px;
	margin-bottom: 10px;
  }
  #subscribe-footer  .subscribe-widget  h3  {
	font-size: 13px;
	padding-bottom: 10px
  }
  #th-site-info .footer-social .social li{
	padding-top: 0;
  }
  .footer-social {
	width: 100%;
	text-align:center;
	padding-bottom: 20px;
  }
  .site-info {
	width: 100%;
	text-align:center;
	padding:15px 0;
  }
  .comment-list .fn {
	margin-right: 25px;
  }
  .comment-list .comment-metadata a {
	font-size: 12px;
  }
}
/* 
==================================================*/
@media only screen and (min-width: 480px) and (max-width: 602px) {
	.admin-bar #header  {
	    margin-top: 0px;
	}
}
/* 602px 
================================================== */
@media only screen and (max-width: 602px) {
	.admin-bar #menu {
		position: relative;
	} 
	.admin-bar #th-bg-header  {
	    margin-top: 0px;
	}
}
/* 480px
================================================== */
@media only screen and (max-width: 480px) {
  .post-share {
      float: none;
  }
	.admin-bar #header {
	  margin-top: 0;
	}
   #slider .slider-caption .post-title a{
    font-size: 17px;
  }
   #slider .slider-caption .post-title {
    margin-top: 10px;
   }
  #slider .slider-caption .read-more {
      margin-top: 0px;
  }
  #slider .slider-caption .read-more a {
    line-height: 15px;
    font-size: 9px;
     width: 70px;
  }
  #slider .slider-caption .post-meta{
    display: none;
  }
}