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

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

/* 1200px
================================================== */
@media (min-width: 1200px){
  .container {
    width: 1080px;
  }
  
}
/* 992px - 1200px
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.container { 
    width:940px; 
  }
  #sidebar .widget {
    margin: 0 0 35px 0px;
  }
 
}
/* 768px - 992px
================================================== */
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.container { 
    width:726px; 
  }
  #sidebar {
    margin-top: 35px;
  }
  #header .logo h1 {
    font-size: 45px;
  }
	#sidebar .widget, #widget-footer .widget {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  }
  article.post, article.page {
    margin-bottom: 45px;
  }
  #widget-footer .widget {
    margin-bottom: 35px;
  }
	/* Responsive Menu */
  #nav-wrapper, #nav-wrapper-appear { 
    display:none; 
  }
  .header_social{
    display: none;
  }
	.slicknav_menu {	
    display:block; 
  }
  #header.style-3 .search_toggle { 
    right: 20px;
  }
  #header.style-3 .slicknav_btn {
    float: right;
  }
}
/* 768px 
================================================== */
@media only screen and (max-width: 768px) {
	.container { 
    width:300px; 
  }
  #sidebar .widget {
    margin: 0 0 35px 0;
  }
  #header .logo h1 {
    font-size: 35px;
  }
  #slider .slider-caption {
    width: 60%;
  }
  #slider .slider-caption .post-title a {
    font-size: 20px;
  }
  .th-inner-box-home {
    margin-bottom: 20px;
  }
  #header.style-3 .search_toggle { 
    right: 20px;
  }
  #header.style-3 .slicknav_btn {
    float: right;
  }
   .th-inner-box-home.last {
    margin-bottom: 0;
  }
  #slider .item{
    height: 330px;
    position: relative;
    overflow: hidden;
  }
  #slider .item img{
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
	.post-meta .line-post-format {
    display: none;
  }
  .to-top {
    display: none;
  }
  .blog-loop-default .post-footer .author {
    display: none;
  }
  .blog-list article.post {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .blog-list .blog-post-content {
    display: none;
  }
  .blog-list .post-thumbnail {
    width: 180px;
  }
  .blog-list .list-details {
    margin-left: 200px;
  }
	/* 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-bottom: 20px;
  }
  article.post, article.page {
    margin-bottom: 40px;
  }
  .single .post-counters {
    float: none;
    text-align: center;
  }
  .single .post-share {
      float: none;
      text-align: center;
  }
  .post-footer {
    margin: 20px 0 0px;
  }
  #widget-footer {
    margin-top: 35px;
    padding-top: 35px;
  }
  .footer-social {
    display: none;
  }
  .site-info {
    float: none !important;
    text-align: center;
  }

}

/* 480px - 768px
================================================== */
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .container { 
    width:480px;
  }
  
}
/* 480px
================================================== */
@media only screen and (max-width: 480px) {
  #slider .slider-caption {
    width: 75%;
  }
  #slider .slider-caption-inner {
    padding: 25px 10px;
  }
  #slider .slider-caption .post-title a {
    font-size: 18px;
  }
  #slider .item{
    height: 220px;
    position: relative;
    overflow: hidden;
  }
  #slider .slider-caption .post-meta-bottom {
    display: none;
  }
  #slider .item img{
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .post-meta .post-cat:before, .post-meta .post-cat:after{
    display: none;
  }
  .blog-list article.post {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  .blog-list .post-thumbnail {
    width: 80px;
  }
  .blog-list .list-details {
    margin-left: 100px;
  }
  .blog-list .comment-post {
    display: none;
  }
  .blog-list .post-title a {
    font-size: 14px;
  }
  .post-thumbnail a .hover-box {
    display: none;
  }
}

/* Retina & HD Screens
================================================== */
@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 
  .logo img.default, .logo img.retina { display: none !important; }
    .logo img.default { display: none !important; }
    .logo img.retina { display: inline-block !important;}
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
  .logo img.default, .logo img.retina { display: none !important; }
    .logo img.default { display: none !important; }
    .logo img.retina { display: inline-block !important; }   
 }